/* .headerBox { */
    /* margin-bottom: 20px; */
/* } */

.tabHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tabHeaderSelect {
    margin-left: 16px;
}

.body {
    margin-top: 24px;
    border-top: 1px solid #F0F2F5;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 325px);
}

.tabBox {
    padding: 16px 0px 16px 24px;
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #F0F2F5;
}

.tabBox:hover {
    background-color: #F5F6F7;
}

.tabBoxInfo {
    width: 24%;
    min-width: 280px;
}

.tabBoxDescInfo {
    display: flex;
}


.tabBoxTitle {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #1E2633;
    margin-bottom: 8px;
}

.tabBoxDesc {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 400;
    color: #8A9099;
}

.tabBoxTime {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #565C66;
    margin-left: 8px;
}

.tabBoxMiddle {
    display: flex;
    align-items: center;
    width: 10%;
    min-width: 105px;
    white-space: nowrap;
}

.tabBoxJobStatus {
    display: flex;
    align-items: center;
    width: 46%;
    min-width: 180px;
}

.tabBoxStatusText {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #1E2633;
    margin: 0px 16px 0px 8px;
    white-space: nowrap;
}

.tabBoxJobOperate {
    width: 10%;
    display: flex;
    justify-content: center;
}

.tabUpdate {
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabUpdate:hover {
    background: #F0F2F5;
    border-radius: 4px;
}