.acf-fields .ivms-media-label {
    display: flex;
    gap: 8px;
}

.acf-fields .acf-input .transcoding-status,
.acf-fields .acf-input .transcoding-status-queued,
.acf-fields .acf-input .transcoding-status-completed,
.acf-fields .acf-input .transcoding-status-error {
    padding: 8px 0 0 0;
    font-size: 1.25em;
}

.acf-fields .acf-input .transcoding-status-queued span {
    color: rgb(225, 144, 5);
}

.acf-fields .acf-input .transcoding-status-completed span {
    color: rgb(0, 185, 25);
}

.acf-fields .acf-input .transcoding-status-error span {
    color: red;
}

.acf-fields .acf-input .total-duration {
    width: 100%;
    text-align: right;
    padding: 8px 16px 0 0;
}

.acf-fields .acf-input .total-duration {
    width: 100%;
    text-align: right;
    padding: 8px 16px 0 0;
    box-sizing: border-box;
}

.acf-fields .acf-input .version-label {
    display: inline-block;
    width: 125px;
    padding-left: .5em;
}

.acf-field #build-version .flex {
    display: flex;
    flex-direction: column;
    gap: .25em;
}

.acf-field #build-version .column {
    display: flex;
    align-items: center;
}

.acf-field #build-version .flex .output {
    width: 400px;
    height: 110px;
    border: 1px solid grey;
    overflow-y: scroll;
    white-space: no-wrap;    
    font-family: monospace;
    padding: 0 0 0 0.5em;
}

.acf-field #build-version .flex .output div {
    cursor: pointer;
}

.status-transcoding {
    background-color: bisque !important;
}

.dashicons.yes {
    margin:0 .25em; color:#ffffff; background-color:#84bf3a; border-radius: 1em;
}

.dashicons.no {
    margin:0 .25em; color:#ffffff; background-color:#d12424; border-radius: 1em;
}