.datatable-bottom-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.show-device input {
    display: none;
}
label.show-device {
    cursor: pointer;
}
.show-device span {
    color: var(--bs-text-muted);
    border-bottom: 3px solid;
    border-color:  transparent;
}

.show-device input:checked+span {
    border-color: transparent;
    color: var(--bs-text-gray-900);
    border-color:  var(--bs-primary);
}

.badge-light-inverse {
    background: var(--bs-secondary-light);
    color: var(--bs-text-gray-500);
}

.progress-status-text {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    color: var(--bs-text-white);
    text-align: center;
    width: 100%;
}

.table-rankings th i {
    display: inline-block;
    margin-bottom: 3px;
}

.table-rankings th {
    vertical-align: top;
}

.table-rankings-wrapper div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

@media screen and (min-width: 1400px) {
    .table-rankings tbody tr td:nth-child(3) {
        word-break: break-word;
    }
}

.w-18 {
    width: 18% !important;
}

@media screen and (min-width: 1600px) {
    .min-w-26 {
        min-width: 26% !important;
        width: 26% !important;
    }
}

.bing-icon {
    display: inline-block;
    width: 20px !important;
    height: 20px;
    margin-top: -2px;
    margin-right: 2px;
    border-radius: 50%;
    flex-shrink: 0;
    background: no-repeat center / 110% url(brand/bingLogo.svg);
}
.google-icon {
    display: inline-block;
    width: 20px !important;
    height: 20px;
    margin-top: 1px;
    margin-right: 2px;
    border-radius: 50%;
    flex-shrink: 0;
    background: no-repeat center / 80% url(brand/googleLogo.svg);
}