.marker {
    width: 1.25rem;
    height: 1.25rem;
    border: solid 0.1rem $color-smoke-dark;
    border-radius: 50%;
    display: block;
}

.scroll-table-default {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    max-height: 20rem;
}

.table-default {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto !important;

    th {
        text-align: left;
        color: #000;
        font-family: $font-title;
        font-size: 1.2rem;
        border: 0 solid;
        padding: 0.5rem 1rem;
        background: #fff;
        white-space: nowrap;
    }

    td {
        color: $color-slate;
        font-size: 1.2rem;
        border: 0.1rem solid $color-smoke-dark;
        padding: 0.5rem 1rem;
        text-transform: uppercase;
        border-right: none;
        text-align: left;
        white-space: nowrap;

        &:first-child {
            border-left: none;
            width: 3rem;
        }
    }

    tr {
        &:nth-child(odd) td {
            background: $color-snow-extra-dark;
        }

        &:hover td {
            background: $color-hovered;
            cursor: pointer;
        }

        &.active td {
            background: $color-hovered;
        }

        &.active .marker {
           background: $color-info-dark;
        }

    }
}
