/* List tables stay inside the panel and scroll sideways instead of clipping the action buttons. */
.table-responsive,
.stent-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.stent-table-scroll > table,
.table-responsive > table {
    width: max-content;
    min-width: 100%;
    margin-bottom: 8px;
}

#manageTableData th,
#manageTableData td {
    vertical-align: middle;
    white-space: nowrap;
}

#manageTableData thead th {
    background: #f7f9fc;
    font-weight: 600;
}

#manageTableData td .label,
#manageTableData td .label-pill,
#manageTableData td span.label {
    float: none !important;
    display: inline-block;
    width: auto !important;
    height: auto !important;
    min-width: 0;
    margin: 0 4px 0 0 !important;
    padding: 3px 8px;
    position: static !important;
    white-space: nowrap;
    line-height: 16px;
}

#manageTableData td .label h6 {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
}

#manageTableData td .pull-left,
#manageTableData td .pull-right,
#manageTableData td .col-sm-5 {
    float: none !important;
    width: auto !important;
    position: static !important;
}

.panel .custom-search-form .form-control {
    width: 100% !important;
    max-width: 280px;
}

.stent-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 28px;
    margin: 6px 0 14px;
    padding: 0 12px;
}

.stent-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #333;
}

.stent-legend i {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #d5dbe3;
    border-radius: 2px;
}