@mixin flight-number-company {
    display: flex;
    flex-direction: row;
    align-items: center;

    @include h-spacing($space-xl);

    .flight-number {
        &__code {
            font-size: $font-size-l;
            font-weight: $font-medium;
            color: $text-color;
            white-space: nowrap;
        }

        &__code-sharing {
            @include font-small();
            display: flex;
            white-space: nowrap;
        }
    }

    .flight-company {
        justify-content: center;
    }

    .flight-actions {
        margin-left: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        button {
            height: $medium-button-height;
        }

        button + button {
            margin-left: $space-xl;
        }
    }
}

$wcol: 7%;

.block-route-update {
    padding: 0px;
    display: flex;
    align-items: center;

    .block-route {
        display: block;
        width: auto;
        display: flex;
        border: 1px solid #d0dcea;
        padding: 8px;
        border-radius: 3px;
        justify-content: center;
        min-width: $space-xxl;
        min-height: $space-xl * 1.5;
        @include h-spacing($space-s);
    }
    .date-block {
        width: 110px;
    }

    svg {
        &.icon-return {
            width: 13px;
            height: 7px;
            margin-top: 3px;
        }
        &.icon-change {
            width: 22px;
            height: 12px;
        }
    }
}
.right-column,
.left-column {
    display: inline-flex;
    min-width: $wcol * 4;
}

.center-column {
    display: inline-flex;
    min-width: $wcol * 6;
}

.date-container {
    display: inline-flex;
    justify-content: space-between;
    width: -webkit-fill-available;
    margin: 20px;
    font-weight: $font-medium;
}

.divider {
    margin: 40px 20px 0;
}

.hr-line {
    margin: 0;
    height: 0;
    border: none;
    border-top: 1.3px dotted $border;
}
