.view[name='requestDetail'] {
    background-color: #1b1b1b;
}
.view[name='requestDetail'] > .header {
    border-bottom: 1px solid #272727;
}
.view[name='requestDetail'] > .header > .center {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .pist {
    background-color: #272727;
}
.view[name='requestDetail'] > .content > .pist > .top > .imageWrapper {
    background-color: #0373f3;
}
.view[name='requestDetail'] > .content > .pist > .top > .name {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .pist > .bottom > div > span {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .details > .button > span {
    color: #ffb90f;
}
.view[name='requestDetail'] > .content > .details > .information > div:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.view[name='requestDetail'] > .content > .details > .information > div > .imageWrapper {
    background: #1b1b1b;
}
.view[name='requestDetail'] > .content > .details > .information > .code > .button {
    background-color: #1b1b1b;
}
.view[name='requestDetail'] > .content > .details > .information > .code > .button > span {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver {
    background-color: #272727;
}
.view[name='requestDetail'] > .content > .drivers > .title {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side:first-child > .name {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side:first-child > span {
    color: #cccccc;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side[status='1'] > .circle {
    background-color: #ff8041;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side[status='2'] > .circle {
    background-color: #07cc71;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side[status='3'] > .circle {
    background-color: #aeaeae;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side[status='4'] > .circle {
    background-color: #fb411c;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side[status='5'] > .circle {
    background-color: #fb411c;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .top > .side:last-child > .text {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .item > .label {
    color: #aeaeae;
}
.view[name='requestDetail'] > .content > .drivers > .items > .driver > .item > .value {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .button {
    background: #0373f3;
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .details > .information > div > .label {
    color: #aeaeae;
}
.view[name='requestDetail'] > .content > .details > .information > div > .value {
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .details > .information > div {
    background-color: #272727;
}
.view[name='requestDetail'] > .content > .details > .title {;
    color: #ffffff;
}
.view[name='requestDetail'] > .content > .details > .button {
    border: 1px solid rgba(245, 158, 11, 0.30);
    background-color: rgba(255, 185, 15, 0.10);
}
.view[name='requestDetail'] > .content > .pist > .bottom > div {
    background-color: #1b1b1b;
}
.view[name='requestDetail'] > .content > .request > .title > span {
    color: #cccccc;
}
.view[name='requestDetail'] > .content > .request > .information {
    background-color: #272727;
    color: #cccccc;
}
.view[name='requestDetail'] > .content > .request > .information > div:not(:last-child) {
    border-bottom: 1px solid #373737;
}
.view[name='requestDetail'] > .content > .request > .drivers > .title {
    color: #cccccc;
}
.view[name='requestDetail'] > .content > .request > .drivers > .description {
    color: #666666;
}
.view[name='requestDetail'] > .content > .request > .drivers > .items {
    background-color: #272727;
}
.view[name='requestDetail'] > .content > .request > .drivers > .items > .driver > .name:not(.unknown) {
    color: #cccccc;
}
.view[name='requestDetail'] > .content > .request > .drivers > .items > .driver > .unknown {
    color: #747474;
}
.view[name='requestDetail'] > .button {
    background-color: #0373f3;
    color: #ffffff;
}

#panel[ids='requestOptions'] {
    border-top: 4px solid #aeaeae;
    background-image: linear-gradient(150deg, rgba(202 202 209 / 5%) 0%, #272727 70%);
}
#panel[ids='requestOptions'] > .content > .text {
    color: #ffffff;
}
#panel[ids='requestOptions'] > .content > .buttons > .button[key='cancel'] {
    border: 1px solid rgba(255, 40, 0, 0.20);
    background-color: rgba(255, 40, 0, 0.08);
    color: #ff2800;
}
#panel[ids='requestOptions'] > .content > .buttons > .button[key='remove'] {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}
#panel[ids='cancelReservation'],
#panel[ids='removeReservation'] {
    border-top: 4px solid #ef4e27;
    background-image: linear-gradient(150deg, rgba(191 40 3 / 20%) 0%, rgba(239 78 39 / 10%) 20%, #272727 50%);
}
#panel[ids='requestOptions'] > .content > .imageWrapper {
    background-color: #151515;
}
#panel[ids='cancelReservation'] > .content > .imageWrapper,
#panel[ids='removeReservation'] > .content > .imageWrapper {
    background-color: #fb411c;
}
#panel[ids='cancelReservation'] > .content > .title,
#panel[ids='removeReservation'] > .content > .title {
    color: #ffffff;
}
#panel[ids='cancelReservation'] > .content > .description,
#panel[ids='removeReservation'] > .content > .description {
    color: rgba(255, 255, 255, 0.80);
}
#panel[ids='cancelReservation'] > .content > .drivers > .driver,
#panel[ids='removeReservation'] > .content > .drivers > .driver {
    background-color: #333333;
}
#panel[ids='cancelReservation'] > .content > .selectAll > div,
#panel[ids='cancelReservation'] > .content > .drivers > .driver > div,
#panel[ids='removeReservation'] > .content > .selectAll > div,
#panel[ids='removeReservation'] > .content > .drivers > .driver > div {
    color: #ffffff;
}
#panel[ids='cancelReservation'] > .content > .button[key='yes'],
#panel[ids='removeReservation'] > .content > .button[key='yes'] {
    background-color: #da0606;
    color: #ffffff;
}
#panel[ids='cancelReservation'] > .content > .button[key='no'],
#panel[ids='removeReservation'] > .content > .button[key='no'] {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}
#panel[ids='confirmCancel'] {
    border-top: 4px solid #ef4e27;
    background-image: linear-gradient(150deg, rgba(191 40 3 / 20%) 0%, rgba(239 78 39 / 10%) 20%, #272727 50%);
}
#panel[ids='confirmCancel'] > .content > .imageWrapper {
    background-color: #fb411c;
}
#panel[ids='confirmCancel'] > .content > .description {
    color: #ffffff;
}
#panel[ids='confirmCancel'] > .content > .title {
    color: #ffffff;
}
#panel[ids='confirmCancel'] > .content > .drivers > .driver {
    background-color: #333333;
}
#panel[ids='confirmCancel'] > .content > .selectAll > div,
#panel[ids='confirmCancel'] > .content > .drivers > .driver > div {
    color: #ffffff;
}
#panel[ids='confirmCancel'] > .content > .button {
    background-color: #da0606;
    color: #ffffff;
}

@media (min-width: 800px) {
    .view[name='requestDetail'] {
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
    }
}