:root {
    --service-background: #f6d7b0;
}

.service-thumbnail-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.services {
    background-color: var(--background);
    padding: 4px;
}

.card-service {
    display: flex;
    flex-direction: row;
    background-color: var(--service-background);
    min-height: 10rem;
    margin-bottom: 10px;
}

.card-body-service {
    /* This makes the main content grow to fill the remaining space */
    flex: 1;
}

.service-image-container {
    padding: 4px;
}

.service-image {
    width: 100%;
    max-width: 10rem;
    height: 100%;
}

.status-off {
    color: darkgrey;
    margin-left: 5px;
}