:root { /* Default theme */
    --bg-color: #0f0f19;
    --tbl-color-odd: rgba(88, 94, 101, 0.8);
    --tbl-color-even: rgba(51, 56, 62, 0.8);
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 0px;
    background-color: var(--bg-color);
}

.body-padding {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

@font-face {
    font-family: 'TT_Supermolot';
    src: url('../fonts/TT-Supermolot-Neue-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'TT_Supermolot-Bold';
    src: url('../fonts/TT-Supermolot-Neue-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'TT_Supermolot-Medium';
    src: url('../fonts/TT-Supermolot-Neue-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato-SemiBold';
    src: url('../fonts/Lato-SemiBold.ttf') format('truetype');
}

.tt {
    font-family: TT_Supermolot;
}

.tt-bold {
    font-family: TT_Supermolot-Bold;
}

.tt-medium {
    font-family: TT_Supermolot-Medium;
}

.lato {
    font-family: Lato;
}

.lato-bold {
    font-family: Lato-Bold;
}

.lato-semibold {
    font-family: Lato-SemiBold;
}

.table {
    margin-bottom: 0px;
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 1;
}

tbody {
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.sname {
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px;
}

.fname {
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
}

.best {
    font-family: Lato;
    font-size: 1rem;
    font-weight: 900;
}

.img-flag {
    width: 30px;
    height: 18px;
    vertical-align: sub;
    margin-right: 8px;
}

.img-num {
    width: 40px;
    height: 40px;
}

.table > :not(caption) > * > * {
    color: #fff;
}

.table.striped > tbody > tr:nth-child(odd) > td {
    background-color: var(--tbl-color-odd);
}

    .table.striped > tbody > tr:nth-child(odd) > td.color0 {
    }

    .table.striped > tbody > tr:nth-child(odd) > td.color1 {
        background-color: rgba(203, 3, 5, 1);
    }

    .table.striped > tbody > tr:nth-child(odd) > td.color2 {
        background-color: rgba(203, 3, 5, 1);
    }

    .table.striped > tbody > tr:nth-child(odd) > td.color3 {
        background-color: rgba(183, 88, 7, 1);
    }

    .table.striped > tbody > tr:nth-child(odd) > td.color4 {
        background-color: #1c4e77;
    }

    .table.striped > tbody > tr:nth-child(odd) > td.color5 {
        background-color: #1c4e77;
    }

    .table.striped > tbody > tr:nth-child(odd) > td > div.prev {
        background-color: #1C1C2B;
    }

.table.striped > tbody > tr:nth-child(even) > td {
    background-color: var(--tbl-color-even);
}

    .table.striped > tbody > tr:nth-child(even) > td.color0 {
    }

    .table.striped > tbody > tr:nth-child(even) > td.color1 {
        background-color: rgba(159, 6, 10, 1);
    }

    .table.striped > tbody > tr:nth-child(even) > td.color2 {
        background-color: rgba(159, 6, 10, 1);
    }

    .table.striped > tbody > tr:nth-child(even) > td.color3 {
        background-color: rgba(147, 73, 11, 1);
    }

    .table.striped > tbody > tr:nth-child(even) > td.color4 {
        background-color: #133753;
    }

    .table.striped > tbody > tr:nth-child(even) > td.color5 {
        background-color: #133753;
    }

    .table.striped > tbody > tr:nth-child(even) > td > div.prev {
        background-color: #0F0F19;
    }

.table.striped > tbody > tr > td {
    font-size: 14px;
    vertical-align: middle;
}

    .table.striped > tbody > tr > td.split {
        padding: 0;
        position: relative;
    }

    .table.striped > tbody > tr > td > div.prev {
        position: absolute;
        right: 0;
        top: 0;
        width: 15px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .table.striped > tbody > tr > td > div.prev:empty {
            width: 0px;
        }

    .table.striped > tbody > tr > td > div.sgap {
        display: flex;
        justify-content: center;
    }

    .table.striped > tbody > tr > td > div.rider {
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .table.striped > tbody > tr > td > div.rider-checker {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

        .table.striped > tbody > tr > td > div.rider-checker > img {
            width: 10px;
        }

.table-header > th, .table-header-pole > th {
    background-color: rgb(44, 48, 55);
    flex-grow: 0;
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

    .table-header > th.lblSplit {
        font-size: 12px;
    }

.table > tbody > tr > td.num, .table > thead > tr > th.num {
    padding: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: normal;
}

.table > tbody > tr > td.pos {
    font-size: 14px;
}

.table-header-pole > th {
    background-color: var(--bg-color);
    font-family: Lato;
    font-size: 14px;
    font-weight: normal;
}

#riferimento > th {
    border: 1px solid #33383e;
    background-color: #0F0F19;
}

#riferimento > th {
    border-left: 0;
}

    #riferimento > th:nth-child(1) {
        border-left: 1px solid #33383e;
        padding: 0;
    }

    #riferimento > th.best-lap {
        font-size: 12px;
        background-color: #33383e;
    }

.table-header-pole {
    white-space: pre-line;
}

#contenitoreTesta > tr > th.th-sessione {
    background-color: var(--bg-color);
    border-style: none;
    padding: 0px;
}

#contenitoreTesta #testata {
    padding: 0px;
}

.nowrap {
    white-space: nowrap;
}

.header-separator {
    background-color: #9fa0a4;
    width: 2px;
    height: 50px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.logo-campionato {
    padding-right: 20px;
    width: 1%;
}

.descrizione-gara-sessione {
    padding-left: 20px;
}

.gara {
    font-size: 22px;
}

.sessione {
    font-size: 17px;
    font-weight: 500;
}

.togo {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

.semaforoDefault {
    color: #fff;
}

.semaforoVerde {
    color: #339933;
}

.semaforoRosso {
    color: #F00;
}

.triangoloUp {
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #fff transparent;
}

.triangoloDown {
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 11px 11px 0 11px;
    border-color: #fff transparent transparent transparent;
}

@keyframes highlight { /* CSS */
    0% {
        background-color: rgba(0, 255, 0, 1);
    }
}

@-moz-keyframes highlight { /* Firefox */
    0% {
        background-color: rgba(0, 255, 0, 1);
    }
}

@-webkit-keyframes highlight { /* Webkit */
    0% {
        background-color: rgba(0, 255, 0, 1);
    }
}

.highlight {
    animation: highlight 5s linear; /* CSS */
    -moz-animation: highlight 5s linear; /* Firefox */
    -webkit-animation: highlight 5s linear; /* Webkit */
}

.h35 {
    height: 35px;
}

.h70 {
    height: 70px;
}

.w40 {
    width: 40px;
}

.mw-split {
    min-width: 75px;
}

.mw-50 {
    min-width: 50px;
}

.mw-40 {
    min-width: 40px;
}

.mw-75 {
    min-width: 75px;
}

.homeImg {
    width: 50%;
    margin: 0 auto;
}

.divCenterV {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.img-session-status {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: text-top;
}

.nota {
    font-size: 16px;
    font-weight: 500;
}

.toast-nota {
    border: solid 1px #9fa0a4;
    border-radius: 5px;
}

.toast-header-nota {
    background-color: #0f0f19;
    background-clip: border-box;
    border-radius: 5px;
}

.table.striped > tbody > tr > td {
    border-right: 1px solid black;
    border-bottom: 1px solid black
}

.table.striped > thead > tr > th {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.square {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.menu-icon {
    width: 20px;
    text-align: center;
}

.logo {
    height: 30px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe*/