//*****************************************************************************
//*****************************************************************************
// Split View Job View Styles
//*****************************************************************************
//*****************************************************************************
.job-view-wrapper {

    //=========================================================================
    // Job Header
    //=========================================================================
    .job-header {
        background: #f1f1f1;
        padding: 5px;

        .fa {
            font-size: 12px;
            padding-bottom: 3px;
            margin-right: 8px;
        }

        .header-row {
            display: flex;
            flex-wrap: nowrap;
            color: #444444;

            .cell {
                flex: 1 1 auto;
                min-height: 30px;
                line-height: 30px;
                width: 25%;

                & > .q-icon {
                    color: #aaaaaa;
                }
            }

            div:first-child {
                padding-left: 5px;
            }
        }

        .header-row {

            .action-buttons {
                width: 50%;
                .q-btn-group {
                    float: right;
                    padding-left: 0;
                    margin-top: -6px;
                    margin-right: -6px;

                    .q-btn .q-icon {
                        margin-right: 0 !important;
                    }
                }
            }

            .tail-number {
                color: #0c75f0;
                font-weight: 900;
            }

            .job-id {
                color: #2b6179;
                font-weight: bold;
            }

            .vendor-status,
            .customer-status {
                font-size: 12px;
                .job-status,
                .vendor-job-status {
                    text-transform: uppercase;
                    padding: 5px;
                    border-radius: 15px;
                    line-height: 0.9;
                    margin-right: 5px;
                }
            }

            .airport {
                color: #0b3b73;
                font-weight: bold;
            }
        }

    }

    //=========================================================================
    // Sub-section Nav
    //=========================================================================
    .sub-sections-nav {
        border-top: 1px #dddddd solid;
        border-bottom: 1px #dddddd solid;

        .q-btn {
            color: #43829c;
            &.active {
                background: #DCE8ED;
            }
        }
    }

    //=========================================================================
    // Sub-section
    //=========================================================================
    .sub-section {
        padding: 0 10px;

        .scq-page-title {
            border-bottom: 0 !important;
            .scq-page-title-actual {
                font-size: 18px;
                line-height: 1.8rem;
                background: #f3f3f3;
                color: #555555;
                margin-top: 5px;
                padding: 0 25px;
                border-radius: 10px;
            }
        }

        //---------------------------------------------------------------------
        // Sub-modules
        //---------------------------------------------------------------------
        @import 'sub-modules/_job-details.scss';
    }
}