flight-board-details,
flight-schedule-details {
    .frame.single-flight {
        border-radius: 0 0 $border-radius $border-radius;
        overflow: hidden;
    }

    .p-accordion-header {
        &.p-state-active {
            background-color: transparent;
        }

        &::after {
            display: none;
        }

        .details-accordion__header.flight-info {
            @include flight-number-company();
            padding: $space-xl;
        }
    }

    .p-accordion-content {
        background-color: transparent;

        .flight-route {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: flex-start;
            padding: $space-xl;
            padding-bottom: 0;

            .single-flight & {
                padding-top: $space-xxl + $space-m;
            }

            .flight-route__status {
                display: flex;
                flex-direction: column;
                flex-grow: 1;

                .status--line {
                    height: $medium-button-height;
                    position: relative;
                    display: flex;
                    align-items: stretch;

                    .status--execute {
                        display: flex;
                        align-items: center;
                        justify-content: flex-end;
                        min-width: 29px;
                        position: relative;

                        svg {
                            padding: 0 $space-s;
                            width: 29px;
                            background-color: $white;
                            position: relative;
                            z-index: 3;
                        }

                        &::after {
                            content: '';
                            height: 2px;
                            position: absolute;
                            top: calc(50% - 1px);
                            left: 0px;
                            right: 0px;
                            background-color: $green;
                            z-index: 2;
                        }
                    }

                    &::after {
                        content: '';
                        height: 1.3px;
                        position: absolute;
                        top: calc(50% - 1px);
                        left: 0px;
                        right: 0px;
                        z-index: 1;
                        background-color: #d1dcea;
                    }
                }

                .status--texts {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                }
            }
        }
    }
}
