.starxlr.list-view {
    display: block;
    position: relative;
    padding: .5em 1em 1em 1em;
    max-height: 568px;
    overflow-y: auto;
}

.x-rtl .starxlr.list-view {
    left: 0;
    right: 10%;
}

.starxlr table {
    border-collapse: collapse;
}

    .starxlr table thead {
        border-bottom: 1px solid gray;
    }

        .starxlr table thead tr th {
            padding: 1rem 2rem 1rem 2rem;
        }

    .starxlr table tbody tr td {
        padding: 1rem 2rem 1rem 2rem;
    }

    .starxlr table tbody tr th {
        padding: 1rem 2rem 1rem 2rem;
    }

.starxlr .icon-status-Offline {
    stroke: red;
    fill: red;
}

.starxlr .icon-status-Online {
    stroke: green;
    fill: green;
}

.starxlr .list-view-row {
    cursor: pointer;
    border-radius: 20px 20px;
}

    .starxlr .list-view-row:hover {
        opacity: 0.6;
        background-color: rgb(240, 240, 240);
        cursor: pointer;
    }


.status-card {
    margin: auto;
    padding: 10px;
    max-width: 300px;
    display:flex;
    align-items:center;
    justify-content:center;
    
}

    .status-card .status {
        margin:5px;
        flex-basis:20%;
    }

    .status-card .last-seen {
        margin: 5px;
    }

    .status-card .pause-btn {
        margin: 5px;
    }



.table-warn {
    color: #990000;
}


body {
    font-family: Arial, Helvetica, sans-serif;
}


/*colours for XLR status overall (top status icon)*/
.xlr-status-online {
    stroke: limegreen;
    fill: limegreen;
}

.xlr-status-offline {
    stroke: firebrick;
    fill: firebrick;
}

.xlr-status-error {
    stroke: firebrick;
    fill: firebrick;
}

.xlr-status-paused {
    stroke: #c1ff86;
    fill: #c1ff86;
}


/*colours for XLR instance states (displayed on card)*/
.xlr-instance-unknown {
    stroke: #808080;
    fill: #808080;
}

.xlr-instance-unknown-with-errors {
    stroke: firebrick;
    fill: #808080;
}

.xlr-instance-running {
    stroke: limegreen;
    fill: limegreen;
}

.xlr-instance-running-with-errors {
    stroke: firebrick;
    fill: limegreen;
}

.xlr-instance-offline {
    stroke: firebrick;
    fill: firebrick;
}

.xlr-instance-offline-with-errors {
    stroke: firebrick;
    fill: firebrick;
}

.xlr-instance-paused {
    stroke: #c1ff86;
    fill: #c1ff86;
}

.xlr-instance-paused-with-errors {
    stroke: firebrick;
    fill: #c1ff86;
}

.xlr-instance-critical-error {
    stroke: firebrick;
    fill: firebrick;
}