.JobManagementViewer {
    background: #F9F9F9;
    border: solid 3px;
    border-color: var(--GenBorderColor);
    border-radius: 3px;
    color: black;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    background: white;
    width: 100%;
    height: calc(100% - 140px);
}
.JobManagementViewHeader {
    width: 100%;
    height: 50px;
    float: left;
    background: var(--GTDialogBackground);
    text-align: center;
    font-size: 38px;
    font-family: var(--MasterFont);
    color: var(--GTDialogText);
}
.JobManagementMain {
    width: 100%;
    height: calc(100% - 67px);
    font-size: 16px;
}
.jobmgmtveh {
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    width: 100%;
    float: left;
    padding-top: 7px;
    padding-left: 5px;
}
    .jobmgmtveh:hover {
        background: #8491a3;
        color: white;
    }
    .jobmgmtvehsel {
        background: #8491a3;
        color:white;
    }
.jobview {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}
.jobviewsel {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    background: #8491a3;
    color: white;
}
.JobManagementVeh {
    width: 250px;
    height: 100%;
    float: left;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 16px;
}
.JobManagementJobs {
    width: 350px;
    height: 100%;
    float: left;
    flex-direction: column;
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.JobManagementJobInfo {
    width: calc(100% - 600px);
    height: 100%;
    float: left;
    flex-direction: column;
    
    overflow-x: hidden;
    overflow-y: scroll;
}


.jobmgmtjob {
    width: 100%;
    float: left;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 100%;
    float: left;
    padding-top: 7px;
}

    .jobmgmtjob:hover {
        background: #8491a3;
        color: white;
    }

.jobmgmtjobsel {
    background: #8491a3;
    color: white;
}