.top-content .carousel-item {
    height: 100vh;
    /*min-height: 400px;*/
}

.top-content .carousel-item img {
    height: 100%;
    object-fit: cover;
}

.carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

input[type="checkbox"], input[type="checkbox"] + label {
    cursor: pointer;
}

div.fanTitle {
    width: 130px;
}

span.svalue {
    width: 76px;
    /*font-size: larger;*/
}

div.custom-switch {
    margin-left: 8px;
}

#bmwStateTable {
    font-size: xx-large;
}

.w-100 {
    height: 46px;
}

div.fit-h {
    height: calc(100vh - 80px)
}

.badge.large-badge {
    font-size: 1.1em;
}

div.logheading {
    display: table;
    width: 100%;    
    cursor: default;
}

div.logheading > div {
    display: table-cell;
    /* padding-left: 5px; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.logheading > .resizer {
    width: 5px;
    cursor: col-resize;
}

div.logentries {
    height: calc(100vh - 103px); 
    overflow-y: auto; 
    /* border: 1px solid #ccc; */
}

div.logentries > .logentry {
    display: table;
    width: 100%;
    border-top: 1px solid #444;
}

div.logentries > .logentry > div {
    display: table-cell;
    padding-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

div.logentries > .logentry > div:nth-child(1) {
    padding-left: 2px;
}

div.logentries > .logentry > div:nth-child(1), 
div.logentries > .logentry > div:nth-child(2) {
    width: 0px;  /* Strangely this causes the last column to fit the content */
}

div.logentries > .logentry > div:nth-child(3) {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

div.logentries > .logentry > div:nth-child(4) {
    max-width: 0px;  /* Strangely this causes the last column to fit the screen */
}

/* div.logentries > .logentry:nth-child(odd) { */
div.logentries > .odd {
        background-color: #303030;
}

div.logentries > .logentry > div > img {
    height: 16px;
    margin-right: 2px;
    margin-bottom: 2px;
}