.main-table {
    /* -bottom: 5rem; */
}
.single-column {
    display: grid;
    grid-template-columns: auto;
}
img.flag-small {
    width: 25px;
    max-height: 15px;
    height: auto;
    object-fit: contain;
    object-position: center;
    border: 1px dotted lightgray;
}
img[src="null"],
img:not([src]),
img[src=""] {
    height: 10px;
    opacity:0;
}

.actions button, .actions div, .actions a  {
    margin: 0.1rem;
}

.table-data th {
    font-weight: 400;
    text-align: center;
}
.table-data td {
    text-align: center;
}
.table-data, .text-small {
    font-size: 0.9rem;
}
.text-small2 {
    font-size: 0.9rem;
}
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: rgba(224, 224, 224, 0.5);
    /* Not removed via appearance */
    margin: 0;

    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);

    display: grid;
    place-content: center;
}

input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #0b3443;
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

input[type="checkbox"]:disabled {
    --form-control-color: #959495;

    color: #959495;
    cursor: not-allowed;
}