#account_files_list{
    margin-left: 20px;
    margin-right: 5px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}
@media (min-width: 625px) {
    #account_files_list div.file[pk]{min-width: 350px;}
}
div.file[pk]{border-bottom: 1px solid lightgrey;}
div.file[pk]{padding: 3px 0px;}
div.file[pk]:last-child{border-bottom: none;}
div.file[pk] > .row{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}
div.file[pk] > .row > [class*="col-"]{
    float: none;
    padding-left: 0;
    padding-right: 0;
}
div.file[pk] > .row > .col-xs-8{
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 8px;
}
div.file[pk] > .row > .col-xs-4{
    flex: 0 0 auto;
    width: auto;
}
div.file[pk] .file_name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.file[pk] div.action_buttons{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    width: auto;
    padding-left: 0;
}
div.file[pk] .status_sensitive{display: none}
div.file[pk].CO .status_sensitive.completed{display: inline-block;}
div.file[pk].CO .status_sensitive.requeue{display: inline-block;}
div.file[pk].CO .status_sensitive.delete{display: inline-block;}
div.file[pk].AE .status_sensitive.error{display: inline-flex;}
div.file[pk].AE .status_sensitive.reload{display: inline-block;}
div.file[pk].ER .status_sensitive.error{display: inline-flex;}
div.file[pk].ER .status_sensitive.requeue{display: inline-block;}
div.file[pk].ER .status_sensitive.delete{display: inline-block;}
div.file[pk].QU .status_sensitive.ajax{display: inline-flex;}
div.file[pk].IP .status_sensitive.ajax{display: inline-flex;}
div.file[pk] div.action_buttons > .status_sensitive{
    float: none !important;
    flex: 0 0 auto;
}