/* Colors */
:root {
    --sragold: #d9b55c;
    --sragoldhl: #caa342;
    --sragoldmed: #dcc27e;
    --srasilver: ##c0c0c0;
    --srared: #a6171b;
    --srared2: #d77477;
    --srapurple: #671f6b;
    --sragreen: #82ab6c;
    --srayellow: #b1b170;
    --sraorange: #ff7416;
    --srablue: #0066ff;
    --srapink: #fb607f;
    --srahalloweenorange: #ec8759;
    --srahalloweenorangehl: #e16d37;
    --srawinterred: #e4767d;
    --srawinterredhl: #d5535c;
    --sraautumn: #ca8e72;
    --sraautumnhl: #be704c;
    --sranature: #9cc186;
    --sranaturehl: #82ab6c;
    --sradark: #999;
    --sraspace: #e8bdea;
    --sraspacehl: #c678ca;
    --srasummer: #78c6fb;
    --srasummerhl: #32a5f3;
    --sranight: #B0B0B0;
    --sranighthl: #C0C0C0;
    --srausa: #dd3c52;
    --srausahl: #d02e44;
    --sracanada: #dd3c52;
    --sracanadahl: #d02e44;
}
.sra-gold {
    color: var(--sragold);
}
.sra-gold-med {
    color: var(--sragoldmed);
}
.sra-silver {
    color: var(--srasilver);
}
.sra-red {
    color: var(--srared);
}
.sra-red2 {
    color: rgba(var(--bs-danger-rgb));
}
.sra-yellow {
    color: rgba(var(--bs-warning-rgb));
}
.sra-green {
    color: rgba(var(--bs-success-rgb));
}
.sra-purple {
    color: var(--srapurple);
}
.sra-gold-hover:hover {
    color: var(--sragold);
}
.sra-purple-fastest-lap-sector {
    color: rgb(248, 110, 255);
}
/* /Colors */

.container {
  max-width: 1275px;
}

/* SRA theme */
.default-breadcrumb a:hover {
    color: var(--sragold);
}

#navbarMainNav a:hover {
    color: var(--sragold) !important;
}

#navbarMainNav a.nav-link.active {
    color: var(--sragoldhl) !important;
}

.section-about-rules .section-about-rules-toc a:hover {
    color: var(--sragold);
}

.section-standings .division-class-heading {
    scroll-margin-top: 6rem;
    color: var(--sragold);
}

.btn-sra-gold {
    background-color: var(--sragold);
    color:#222;
}

.btn-sra-gold:hover {
    background-color: var(--sragoldhl);
    color:#222;
}

.btn-sra-gold.active {
    background-color: var(--sragoldhl);
    color:#222;
}

.bg-sra-gold {
    background-color: var(--sragold);
    color:#222;
}

.sra-gold-hover:hover {
    color: var(--sragoldhl);
}

.table th.sra-gold,
.table td.sra-gold {
    color: var(--sragold);
}
/* /SRA theme */

/* Header */
#header .sra-navbar {
    /*
    margin: -4px auto;
    */
}
/* /Header */

/* Canvas */
canvas {
    display: block;
    position: absolute;
}
/* /Canvas */

/* Fonts */
@font-face {
    font-family: GrandNational;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNational.otf") format("opentype");
}

@font-face {
    font-family: GrandNationalItalic;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNationalItalic.otf") format("opentype");
}

@font-face {
    font-family: GrandNationalCondensed;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNationalCondensed.otf") format("opentype");
}

@font-face {
    font-family: GrandNationalCondensedItalic;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNationalCondensedItalic.otf") format("opentype");
}

@font-face {
    font-family: GrandNational3D;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNational3D.otf") format("opentype");
}

@font-face {
    font-family: GrandNationalLaser;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNationalLaser.otf") format("opentype");
}

@font-face {
    font-family: GrandNationalLaserItalic;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNationalLaserItalic.otf") format("opentype");
}

@font-face {
    font-family: GrandNationalSemiItalic;
    src: url("https://static.simracingalliance.com/assets/fonts/GrandNationalSemiItalic.otf") format("opentype");
}

@font-face {
    font-family: LeagueSpartanSemiBold600;
    src: url("https://static.simracingalliance.com/assets/fonts/LeagueSpartan-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: LatoRegular400;
    src: url("https://static.simracingalliance.com/assets/fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: LatoBold700;
    src: url("https://static.simracingalliance.com/assets/fonts/Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-family: LatoBold700Italic;
    src: url("https://static.simracingalliance.com/assets/fonts/Lato-BoldItalic.ttf") format("truetype");
}

.grandnational {
    font-family: GrandNationalSemiItalic, "Helvetica Neue", sans-serif;
    font-weight: lighter !important;
    /* -webkit-text-stroke: 1px #333; */
    font-variant-ligatures: common-ligatures;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.grandnational-semi-italic {
    font-family: GrandNationalSemiItalic, "Helvetica Neue", sans-serif;
    font-weight: lighter !important;
    /* -webkit-text-stroke: 1px #333; */
    font-variant-ligatures: common-ligatures;
}

.normal-font {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: lighter !important;
    /* -webkit-text-stroke: 1px #333; */
    font-variant-ligatures: common-ligatures;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.normal-font-bold {
    font-family: "Helvetica Neue", sans-serif;
    font-weight: bold !important;
    /* -webkit-text-stroke: 1px #333; */
    font-variant-ligatures: common-ligatures;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.league-spartan-semi-bold-600 {
    font-family: LeagueSpartanSemiBold600, "Helvetica Neue", sans-serif;
    font-weight: 600 !important;
    /* -webkit-text-stroke: 1px #333; */
    /* font-variant-ligatures: common-ligatures; */
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.lato-regular-400 {
    /* font-family: LatoRegular400, "Helvetica Neue", sans-serif; */
    /* font-weight: 400 !important; */
    /* -webkit-text-stroke: 1px #333; */
    /* font-variant-ligatures: common-ligatures; */
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 1.4rem;
}

.lato-bold-700-italic {
    /* font-family: LatoBold700Italic, "Helvetica Neue", sans-serif; */
    /* font-weight: 700 !important; */
    /* -webkit-text-stroke: 1px #333; */
    /* font-variant-ligatures: common-ligatures; */
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 1.4rem;
}

.lato-bold-700 {
    /* font-family: LatoBold700, "Helvetica Neue", sans-serif; */
    /* font-weight: 700 !important; */
    /* -webkit-text-stroke: 1px #333; */
    /* font-variant-ligatures: common-ligatures; */
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    font-weight: bold;
    font-size: 1.4rem;
}
/* /Fonts */

h1.sra-page-heading {
    font-size: 2rem;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
}

@media (max-width: 720px) {
    h1.sra-page-heading {
        font-size: 1.4rem;
        text-transform: uppercase;
        text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
    }
}

h1.sra-page-heading-srating {
    font-size: 2rem;
    text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
}

@media (max-width: 720px) {
    h1.sra-page-heading-srating {
        font-size: 1.4rem;
        text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
    }
}

a {
    color: #fff;
}

.new {
    color: red;
}

.small {
    font-size: 0.9em;
}

.xsmall {
    font-size: 0.8em;
}

.xxsmall {
    font-size: 0.6em;
}

.text-decoration-underline {
    text-decoration: underline;
}
.text-decoration-underline:hover {
    text-decoration: underline;
    color: var(--sragold);
}

/* Chart.js */
.chart-js {
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 500px;
    background-color: rgba(15, 15, 15, 0.5) !important;
}
/* /Chart.js */

/* Division badges (numbers) */
.badge-sralien {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: var(--sragold);
    background-color: #222;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
}
.badge-division-1 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #222;
    background-color: #eee;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
}
.badge-division-2 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: #333;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-division-3 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: var(--srared);
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-division-4 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: var(--srapurple);
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-division-5 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: var(--sragreen);
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-division-6 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: var(--sraorange);
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-division-7 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: var(--srablue);
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-division-8 {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #efefef;
    background-color: var(--srapink);
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.badge-no-division {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #fff;
    background-color: #737373;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.bg-division-1 {
    background-color: rgb(238,238,238,0.2);
    padding: 5px;
}
.bg-division-2 {
    background-color: rgb(51,51,51,0.6);
    padding: 5px;
}
.bg-division-3 {
    background-color: rgb(166,23,27,0.2);
    padding: 5px;
}
.bg-division-4 {
    background-color: rgb(103,31,107,0.4);
    padding: 5px;
}
.bg-division-5 {
    background-color: rgb(130,171,108,0.3);
    padding: 5px;
}
.bg-division-6 {
    background-color: rgb(255,116,22,0.2);
    padding: 5px;
}
.bg-division-7 {
    background-color: rgb(0,102,255,0.2);
    padding: 5px;
}
.bg-division-8 {
    background-color: rgb(251,96,127,0.2);
    padding: 5px;
}
.bg-not-qualified {
    background-color: rgb(166,23,27,0.5);
    padding: 5px;
}
.bg-teammate {
    background-color: rgba(226, 200, 134, 0.35);
}
.classifications-division-card {
    max-width: 144px;
    margin: 0;
    padding: 0 5px;
}
img.alien-25 {
    width: 25px;
}
img.alien-28 {
    width: 28px;
}
img.discord-role-badge-20 {
    width: 20px;
}
img.discord-role-badge-22 {
    width: 22px;
}
img.discord-role-badge-24 {
    width: 24px;
}
img.discord-role-badge-25 {
    width: 25px;
}
img.discord-role-badge-26 {
    width: 26px;
}
img.discord-role-badge-28 {
    width: 28px;
}
img.discord-role-badge-30 {
    width: 30px;
}
img.discord-role-badge-35 {
    width: 35px;
}
img.discord-role-badge-36 {
    width: 36px;
}
img.discord-role-badge-38 {
    width: 38px;
}
img.discord-role-badge-40 {
    width: 40px;
}
img.discord-role-badge-42 {
    width: 42px;
}
img.discord-role-badge-45 {
    width: 45px;
}
img.discord-role-badge-50 {
    width: 50px;
}
img.discord-role-badge-60 {
    width: 60px;
}
img.discord-role-badge-championships {
    width: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media (max-width: 576px) {
    img.discord-role-badge-championships {
        width: 40px;
    }
}
/* /Division badges */

/* Endurance class badges */
.badge-class-platinum {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #e5e4e2;
    background-color: #333;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.badge-class-silver {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #c0c0c0;
    background-color: #333;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.badge-class-bronze {
    font-family: GrandNationalCondensed, Arial, sans-serif;
    font-weight: lighter !important;
    color: #cd7f32;
    background-color: #333;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
/* /Endurance class badges */

/* Breadcrumbs */
.default-breadcrumb a {
    color: #fff;
}

.default-breadcrumb a:hover {
    color: var(--sragold);
}
/* /Breadcrumbs */

/* Tables */
.table {
    --bs-table-bg: transparent;
    color: #fff;
}
.table tr td,
.table th {
    color: #fff;
}
.table tr td,
.table th,
.table tr td a {
    color: #fff;
}
.table tr td,
.table th,
.table tr td a:hover {
    color: #fff;
}
.table tr td a:hover {
    color: var(--sragoldhl);
}
.table.table-admin-custom-bop tbody tr:hover {
    background-color:var(--srared);
    cursor: pointer;
}
.table.table-custom-bop tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-conglomerates tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-conglomerates tbody tr:hover td {
    background-color: transparent; /* or #000 */
}
.table.table-leaderboard tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-leaderboard tbody tr:hover td {
    background-color: transparent; /* or #000 */
}
.table.table-drivers tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-drivers tbody tr:hover td {
    background-color: transparent; /* or #000 */
}
.table.table-reference-lap-times tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-reference-lap-times tbody tr:hover td {
    background-color: transparent;
}
.table.table-profile-leaderboards tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-results tbody tr:hover {
    background-color: #000;
    cursor: pointer;
}
.table.table-results tbody tr:hover td {
    background-color: transparent; /* or #000 */
}
.table.table-results tbody .sra-red2 {
    color: rgba(var(--bs-danger-rgb));
}
.table.table-results tbody .sra-yellow {
    color: rgba(var(--bs-warning-rgb));
}
.table.table-results tbody .sra-green {
    color: rgba(var(--bs-success-rgb));
}
/* /Tables */

/* Datatables */
.table.table-users,
.table.table-conglomerates,
.table.table-api-log,
.table.table-vanity-urls,
.table.table-race-control-events,
.table.table-race-control-drivers,
.table.table-race-control-messages {
    background-color: transparent;
}
.table.table-users td,
.table.table-conglomerates td,
.table.table-api-log td,
.table.table-vanity-urls td,
.table.table-race-control-events td,
.table.table-race-control-drivers td,
.table.table-race-control-messages td {
    color: #fff;
}
.table.table-users tbody tr.table-row:hover,
.table.table-conglomerates tbody tr.table-row:hover,
.table.table-api-log tbody tr.table-row:hover,
.table.table-vanity-urls tbody tr.table-row:hover,
.table.table-race-control-events tbody tr.table-row:hover,
.table.table-race-control-drivers tbody tr.table-row:hover,
.table.table-race-control-messages tbody tr.table-row:hover {
    background-color: #000;
    color: #fff;
    cursor: pointer;
}
.table.table-users th,
.table.table-conglomerates th,
.table.table-api-log th,
.table.table-vanity-urls th,
.table.table-race-control-events th,
.table.table-race-control-drivers th,
.table.table-race-control-messages th {
    background-color: transparent; /* or #000 */
    color: #fff;
}
.table.table-users tbody tr:hover td,
.table.table-conglomerates tbody tr:hover td,
.table.table-api-log tbody tr:hover td,
.table.table-vanity-urls tbody tr:hover td,
.table.table-race-control-events tbody tr:hover td,
.table.table-race-control-drivers tbody tr:hover td,
.table.table-race-control-messages tbody tr:hover td {
    background-color: transparent; /* or #000 */
    color: #fff;
}
.table.table-users select.select.select-sm,
.table.table-conglomerates select.select.select-sm,
.table.table-api-log select.select.select-sm,
.table.table-vanity-urls select.select.select-sm,
.table.table-race-control-events select.select.select-sm,
.table.table-race-control-drivers select.select.select-sm,
.table.table-race-control-messages select.select.select-sm {
    padding: 0;
    margin: 0;
}
.table.table-users td a,
.table.table-conglomerates td a,
.table.table-api-log td a,
.table.table-vanity-urls td a,
.table.table-race-control-events td a,
.table.table-race-control-drivers td a,
.table.table-race-control-messages td a {
    color: #fff;
}
.table.table-users .buttons,
.table.table-conglomerates .buttons,
.table.table-api-log .buttons,
.table.table-vanity-urls .buttons,
.table.table-race-control-events .buttons,
.table.table-race-control-drivers .buttons,
.table.table-race-control-messages .buttons {
    display: block;
    text-align: right;
}
.table.table-users .buttons .btn,
.table.table-conglomerates .buttons .btn,
.table.table-api-log .buttons .btn,
.table.table-vanity-urls .buttons .btn,
.table.table-race-control-events .buttons .btn,
.table.table-race-control-drivers .buttons .btn,
.table.table-race-control-messages .buttons .btn {
    float: none;
}
.section-users input.form-control,
.section-profile input.form-control,
.section-results input.form-control,
.section-profile input.form-control,
.section-member-stats input.form-control,
.section-logs-api input.form-control,
.section-settings input.form-control,
.section-race-control-event input.form-control,
.section-race-control input.form-control,
.section-admin-aor-leaderboards input.form-control {
    margin: 0 0 0 0 !important;
}
/* /Datatables */

/* Sections */
.section {
    background-color: #000;
    padding: 50px 0 50px 0 !important;
    color: #1b2a4e;
}

.section-main {
    background-color: #000;
    padding: 50px 0 0 0 !important;
    color: #1b2a4e;
}

.section .nav-invert {
    background-color: rgba(128, 128, 128, 0.25);
}

.section .nav-invert a {
    color: #ccc;
}

.section .nav-invert a:hover {
    color: #fff;
}
/* /Sections */

/* Logo */
.navbar-brand > img {
    max-width: 240px;
    max-height: 60px;
}
/* /Logo */

#navbarMainNav a:hover {
    color: var(--sragold) !important;
}

#navbarMainNav a.nav-link.active {
    color: var(--sragold) !important;
}

ul.nav-tabs a:not(.active) {
    color: #fff;
}
ul.nav-tabs a:not(.active).nav-link:hover {
    background-color: #000;
    cursor: pointer;
}
ul.nav-tabs li.nav-item a.nav-link.active {
    color: #000;
}

/* Code blocks */
pre {
    background: #fff;
    color: #fff;
}
/* /Code Blocks */

.card-track-info {
    border: 1px solid #777;
}

/* Calendar */
.section-calendar .card {
    background: transparent;
    /* min-height: 455px; */
}

.section-calendar .calendar-event-count {
    position: relative;
    top: 21px;
}

@media (max-width: 720px) {
    .section-calendar .calendar-event-count {
        position: relative;
        top: 24px;
        font-size: 0.9em;
    }
}

.section-calendar .card-event:hover {
    box-shadow: 0 0 5px 5px rgba(192, 192, 192, 0.5);
    -webkit-box-shadow: 0 0 5px 5px rgba(192, 192, 192, 0.5);
    -moz-box-shadow: 0 0 5px 5px rgba(192, 192, 192, 0.5);
}

.section-calendar .card .card-img {
    opacity: 0.4;
}

.section-calendar .card .card-title {
    min-height: 50px;
}

.section-calendar .card .card-event-track-image {
    background: #000;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.section-calendar .card .card-header {
    border: none;
    padding: 10px 15px 3px 15px;
}

.event-signup-button {
    position: relative;
    margin: 15px 0 0 0;
}

.event-signup-button a {
    position: absolute;
    top: 0;
    left: 32px;
    z-index: 999;
}

.section-calendar .card-event .badge-event-sessions {
    position: relative;
    top: -7px;
    min-height: 155px;
}

.section-calendar .card-event .card-img-overlay .card-text .badge-event-divisions {
    clear: both;
    margin: 0;
}

.section-calendar .card-event .card-img-overlay .card-text .event-track-temps {
    margin: 0;
    padding: 0;
    position: relative;
    top: -8px;
}

.section-calendar .card-event .card-img-overlay .card-text .event-track-temps h3 {
    margin: 0 0 5px 0;
    padding: 0;
}

.section-calendar .card-event .card-img-overlay .card-text .badge-event-sessions .badge-event-session {
    padding: 2px 1px;
    margin: 0 0 3px 0;
    min-width: 70px;
    font-size: 0.8em;
    line-height: 1em;
}

.event-card-countdown {
    color: #fff;
}

.event-card-weather-icon {
    color: #fff;
}

.event-track-temps {
    color: #fff;
}

.badge.badge-outlined {
    background-color: rgba(0, 0, 0, 0.50);
}

.badge-event-session {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 6px;
    border: 1px solid transparent;
    min-width: 10px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.badge.badge-outlined.badge-default {
    border-color: #B0BEC5;
    color: #B0BEC5;
}

.badge.badge-outlined.badge-primary {
    border-color: #2196F3;
    color: #2196F3;
}

.badge.badge-outlined.badge-secondary {
    border-color: #323a45;
    color: #323a45;
}

.badge.badge-outlined.badge-success {
    border-color: #64DD17;
    color: #64DD17;
}

.badge.badge-outlined.badge-warning {
    border-color: #FFD600;
    color: #FFD600;
}

.badge.badge-outlined.badge-info {
    border-color: #29B6F6;
    color: #29B6F6;
}

.badge.badge-outlined.badge-danger {
    border-color: #ef1c1c;
    color: #ef1c1c
}

.section-calendar .overview-container {
    padding: 10px;
}

.section-calendar .overview-container .badge {
    font-family: Arial, sans-serif;
    min-width: 70px;
}

.section-calendar .event-overview-weekly-calendar h4 {
    text-decoration: underline;
    margin: 0 5px;
}

.section-calendar .event-overview-weekly-calendar h5 {
    margin: 8px 5px;
    padding: 9px 0;
    font-size: 1.1em;
    border-bottom: 1px solid #777;
}

.section-calendar .event-overview-season-calendar h4 {
    text-decoration: underline;
    margin: 0 5px;
}

.section-calendar .event-overview-season-calendar h5 {
    margin: 8px 5px;
    padding: 0;
    font-size: 1.1em;
    border-bottom: 1px solid #777;
}

.section-calendar .overview-container .event-overview-season-calendar h5.event-week-number {
    margin: 0 5px 15px 5px;
}

@media (max-width: 720px) {
    .section-calendar .event-overview-weekly-calendar h4 {
        font-size: 0.8em;
    }

    .section-calendar .event-overview-weekly-calendar h5 {
        font-size: 0.8em;
    }

    .section-calendar .event-overview-season-calendar h4 {
        font-size: 0.8em;
    }

    .section-calendar .event-overview-season-calendar h5 {
        font-size: 0.8em;
    }

    .event-weather-icon {
        color: #fad776;
    }
}

.section-calendar .overview-container span.event-track-name .event-weather-icon {
    position: relative;
    top: -5px;
    margin: 5px 5px 5px 8px;
}

.section-calendar .card-event .card-body .card-text p {
    margin: 0 0 3px 0;
}

.section-calendar .card-body {
    background-color: rgba(128, 128, 128, 0.50);
}
/* /Calendar */

/* About - League Information */
.section-about-league-info .make-yourself-acquainted .badge {
    margin: 5px 0 5px 0;
}

.section-about-league-info a.badge:hover {
    color: #fad776;
}
/* /About - League Information */

/* Championships */
.section-championships a.badge:hover {
    color: #fad776;
}

.section-championships .card {
    background: transparent;
}

.section-championships .card-header {
    background-color: rgba(0, 0, 0, 0.40);
}

.section-championships .card-header h3 {
    margin: 0;
}

.section-championships .card-body {
    background-color: rgba(128, 128, 128, 0.50);
}

.section-championships .card-footer {
    padding: 20px 8px !important;
    background-color: rgba(128, 128, 128, 0.50);
}
/* /Championships */

/* About - Rules */
.section-about-rules .section-about-rules-toc {
    font-size: 0.9em;
}
.section-about-rules .section-about-rules-toc a {
    color: #ccc;
}
.section-about-rules .section-about-rules-toc a:hover {
    color: var(--sragold);
}
.rules-body-back-to-top {
    display: none;
    font-size:0.5em;
}
.rules-body-back-to-top span:hover + .rules-body-back-to-top {
    display: block;
}
/* /About - Rules */

/* Scroll margin top */
.section-about-rules-body .rules-heading {
    scroll-margin-top: 6rem;
}
.section-getting-started .step-heading,
.section-iracing .step-heading,
.section-iracing .laps-section,
.section-iracing .leaderboard-heading,
.section-about-acc-connector .section-heading {
    scroll-margin-top: 6rem;
}
.section-standings .division-class-heading {
    scroll-margin-top: 6rem;
/*    color: var(--sragold); */
}
.section-about-acc-servers .servers-heading {
    scroll-margin-top: 6rem;
}
.section-logs-acc-server-status .graph-heading {
    scroll-margin-top: 6rem;
}
.section-championships .championship-anchor {
    scroll-margin-top: 6rem;
}
.section-results .laps-anchor {
    scroll-margin-top: 6rem;
}
a.leaderboard-rank {
    scroll-margin-top: 6rem;
}
.need-a-teammate-heading {
    scroll-margin-top: 6rem;
}
/* /Scroll margin top */

/* Accolades */
.accolade {
    max-height: 540px;
    /* border: 2px solid #fad776; */
}
img.accolade:hover {
    box-shadow: 0 0 15px 5px rgba(250, 215, 118, 0.5);
    -webkit-box-shadow: 0 0 15px 5px rgba(250, 215, 118, 0.5);
    -moz-box-shadow: 0 0 15px 5px rgba(250, 215, 118, 0.5);
}
#canvas {
    height: 100vh;
    width: 100%;
    background: none;
    opacity: 0.65;
    position: fixed;
    top: 0;
    display: none;
}

/* ---------------------------------------------------------------------------------------------- */

/* Top Bar */
#top_bar .text-nowrap {
    background-color: rgba(128, 128, 128, 0.15);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
/* /Top Bar */

/* Session Info Panel */
#acc-session-info {
    display: none;
}

#collapse-server-session-info {
    font-size: 1.2em;
    text-shadow: 1px 1px 5px #000000;
    /* background-color: rgba(0,0,0, 0.7) !important; */
}

#server-session-info-track-image img.track-map {
    max-height: 500px;
    /* border: 1px solid #555;*/
    /* background-color: #000; */
    /* background-color:rgba(0, 0, 0, 0.4); */
}

@media (max-width: 576px) {
    #acc-server-status {
        font-size: 0.85em;
        margin: 5px 0 5px 0;
    }
    #collapse-server-session-info {
        font-size: 0.85em;
        text-shadow: 1px 1px 5px #000000;
        /* background-color: rgba(0,0,0, 0.7) !important; */
    }
}
/* /Session Info Panel */

/* Admin - Settings */
.acc-server-cpu {
    font-weight: bold;
}

.section-leaderboards .leaderboard-track-data,
.section-iracing .leaderboard-track-data {

    min-height: 215px;
    width: 100%;
    margin: auto;
    border:1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

@media (max-width: 576px) {
    .section-leaderboards .leaderboard-track-data,
    .section-iracing .leaderboard-track-data {
        min-height: 100px;
    }
}

.section-iracing .session-track-data {

    min-height: 100px;
    width: 100%;
    margin: auto;
    border:1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 10px 0;
}

@media (max-width: 576px) {
    .section-iracing .session-track-data {
        min-height: 100px;
    }
}

/*
.section-leaderboards .leaderboard-track-data img.leaderboard-image-map {
    opacity: 1;
    padding: 5px;
}
*/

.form-floating label {
    color: #333;
}

.api-key {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.section-leaderboards .leaderboard-track-data img.leaderboard-image-map,
.section-iracing .leaderboard-track-data img.leaderboard-image-map {
    opacity: 1;
    padding: 5px;
    max-height: 170px;
}

.section-iracing .session-track-data img.session-image-map {
    opacity: 1;
    padding: 5px;
    max-height: 55px;
}

.section-main img.results-image-map {
    opacity: 1;
    padding: 5px;
    max-height: 100px;
}

a.leaderboard-header-link:hover {
    color: #ffce00;
}

a.sra-gold-link:hover {
    color: #ffce00;
}

time.timeago {
    cursor: pointer;
}

a.users-scroll-driver {
    cursor: pointer;
}

.table-column-cell-bg {
    background-color: rgba(0, 0, 0, 0.45) !important;
}

.section-users .page-link {
    height: 38px;
}


.sra-background  {
    background-image: url("https://static.simracingalliance.com/assets/images/backgrounds/s13_gt3_team_series_champion.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#footer {
    border-top: 1px solid rgba(64, 64, 64, 0.75);
    background-color: rgb(6, 3, 50);
    color: #fff;
}

#footer {
    border-top: 1px solid rgba(64, 64, 64, 0.75);
    background: url('https://static.simracingalliance.com/assets/images/backgrounds/default_footer_bg.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: rgb(6, 3, 50);
}

#footer .list-unstyled a {
    color: #fff;
}

#footer .list-unstyled a:hover {
    color: #fff;
    color: var(--sragold);
}

.section-users .users-scroll p.users-scroll-user {
    line-height: 1.4em;
    margin:0 0 6px 0;
    padding:0;
}

.section-users .users-scroll p.users-scroll-user a.users-scroll-driver {
    padding: 2px 0;
}

.section-users .users-scroll p.users-scroll-user:hover {
    background-color: #000;
    cursor: pointer;
}

.users-division-summary p {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

input[type=time]::-webkit-datetime-edit-ampm-field {
    display: none;
}

.leaderboard-type-box {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid #777;
    display: block;
    padding: 25px 25px 35px 25px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.leaderboard-type-box:hover {
    background-color: rgba(0, 0, 0, 0.65) !important;
    border: 1px solid #ccc;
}

.leaderboard-type-box img {
    max-height: 250px;
}

@media (max-width: 576px) {
    .leaderboard-type-box img {
        max-height: 150px;
    }
}

.leaderboard-type-description {
    font-size: 1.2em;
    margin: 20px 0;
}

@media (max-width: 767px) {
    select#leaderboard-type-selected {
        margin-bottom: 20px;
    }
}

.section-getting-started a.badge:hover {
    color: #fad776;
}

.section-about-acc-servers a.badge:hover {
    color: #fad776;
}

.section-drivers .drivers-col-2,
.section-about-stats .drivers-col-2,
.section-iracing .drivers-col-2 {
    border-left: 1px solid #ccc;
}

@media (max-width: 767px) {
    .section-drivers .drivers-col-2,
    .section-about-stats .drivers-col-2,
    .section-iracing .drivers-col-2 {
        border-left: none;
    }
}

.section-getting-started img.getting-started-step-image {
    border: 1px solid #999;
    margin: 0 10px 0 0;
}

.section-iracing img.registration-step-image {
    border: 1px solid #999;
    margin: 0 10px 0 0;
}

.card-sra {
    background-color: rgba(27, 42, 78, 0.7) !important;
    border: 1px solid #ccc;
}

.section-register-season a.badge:hover {
    color: #fad776;
}

.section-register-endurance a.badge:hover {
    color: #fad776;
}

.bg-sra-gold {
    background-color: var(--sragold);
    color:#222;
}

.sra-badge {
    background: transparent;
}

.sra-badge i {
    object-fit: contain;
}

.fs-6 {
    font-size: 0.8em;
}

/*
div.transform-3d-right {
    transform:
      perspective(1000px)
      rotateX(4deg)
      rotateY(-16deg)
      rotateZ(4deg);
    box-shadow: 24px 16px 64px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
}
*/


.card-profile {
    background-color: rgba(27, 42, 78, 0.7) !important;
    border: 1px solid #ccc;
}

.card-profile-label {
    font-weight: bold;
}

.bg-secondary {
    background-color: rgba(112, 112, 112, 0.5) !important;
}

.bg-10 {
    background-color: rgba(40, 40, 40, 0.7) !important;
}

.bg-20 {
    background-color: rgba(60, 60, 60, 0.7) !important;
}

.bg-30 {
    background-color: rgba(80, 80, 80, 0.7) !important;
}

.bg-40 {
    background-color: rgba(100, 100, 100, 0.7) !important;
}

.bg-50 {
    background-color: rgba(120, 120, 120, 0.7) !important;
}

.bg-60 {
    background-color: rgba(140, 140, 140, 0.7) !important;
}

.card-registration::before {
    content: "";
    opacity: 0.6;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 8%;
}



/*
.section-leaderboards table.table-leaderboard > tbody > tr.division-divider {
    border-bottom: 2px solid var(--sragold);
}
*/

#top-bar-slider {
    border: 1px solid #ccc;
    overflow-y: hidden;
    height: 42px;
    background-color: var(--sragold);
    color: #333;
}

#top-bar-slider .swiper-slide {
    height: 5px;
    margin: 0;
    padding: 0;
}

.swiper-slide img {
    max-width: 140px;
}

/*
#top-bar-slider .swiper-wrapper {
    margin: 0;
    padding: 0;
}
*/
.spoiler {
    background: #333333;
    border-radius: 0.2em;
    color: transparent !important;
    cursor: pointer;
}
.spoiler:target {
    background: transparent;
    color: inherit;
}

.spoiler:hover {
    background: transparent;
    color: #fff !important;
}

.home-page-feature-section {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

button.bs-select-all {
    display: none;
}

.fancybox-slide {
    background-color: rgba(0, 0, 0, 0.50);
}

.dropdownSelectCars {
    position: relative;
    z-index: 9999;
}

#sponsors-slider {
    position: relative;
    z-index: 0;
}

.profile-image {
    width: 296px;
    height: 384px;
    border: 1px solid #ccc;
    background: url('https://static.simracingalliance.com/assets/images/backgrounds/carbon_fiber.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -2px;
}

.profile-image a {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-image img {
    object-fit: cover;
    transform: scale(1.07);
}

img.conglomerate-banner {
    border: 1px solid #dde4ea;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-conglomerates p.conglomerate-description a {
    color: var(--sragold);
    text-decoration: underline;
}

td.ballast {
}

td.ballast40kg,
td.ballast39kg,
td.ballast38kg,
td.ballast37kg,
td.ballast36kg {
    background-color: rgb(255,0,0,0.50);
    color: #fff !important;
}

td.ballast35kg,
td.ballast34kg,
td.ballast33kg,
td.ballast32kg,
td.ballast31kg {
    background-color: rgb(208,0,0,0.50);
    color: #fff !important;
}

td.ballast30kg,
td.ballast29kg,
td.ballast28kg,
td.ballast27kg,
td.ballast26kg {
    background-color: rgb(192,0,0,0.50);
    color: #fff !important;
}

td.ballast25kg,
td.ballast24kg,
td.ballast23kg,
td.ballast22kg,
td.ballast21kg {
    background-color: rgb(176,0,0,0.50);
    color: #fff !important;
}

td.ballast20kg,
td.ballast19kg,
td.ballast18kg,
td.ballast17kg,
td.ballast16kg {
    background-color: rgb(160,0,0,0.50);
    color: #fff !important;
}

td.ballast15kg,
td.ballast14kg,
td.ballast13kg,
td.ballast12kg,
td.ballast11kg {
    background-color: rgb(144,0,0,0.50);
    color: #fff !important;
}

td.ballast10kg,
td.ballast9kg,
td.ballast8kg,
td.ballast7kg,
td.ballast6kg {
    background-color: rgb(128,0,0,0.50);
    color: #fff !important;
}

td.ballast5kg,
td.ballast4kg,
td.ballast3kg,
td.ballast2kg,
td.ballast1kg {
    background-color: rgb(112,0,0,0.50);
    color: #fff !important;
}

td.ballast-1kg,
td.ballast-2kg,
td.ballast-3kg,
td.ballast-4kg,
td.ballast-5kg {
    background-color: rgb(0,112,0,0.50);
    color: #fff !important;
}

td.ballast-6kg,
td.ballast-7kg,
td.ballast-8kg,
td.ballast-9kg,
td.ballast-10kg {
    background-color: rgb(0,128,0,0.50);
    color: #fff !important;
}

td.ballast-11kg,
td.ballast-12kg,
td.ballast-13kg,
td.ballast-14kg,
td.ballast-15kg {
    background-color: rgb(0,144,0,0.50);
    color: #fff !important;
}

td.ballast-16kg,
td.ballast-17kg,
td.ballast-18kg,
td.ballast-19kg,
td.ballast-20kg {
    background-color: rgb(0,160,0,0.50);
    color: #fff !important;
}

td.ballast-21kg,
td.ballast-22kg,
td.ballast-23kg,
td.ballast-24kg,
td.ballast-25kg {
    background-color: rgb(0,176,0,0.50);
    color: #fff !important;
}

td.ballast-26kg,
td.ballast-27kg,
td.ballast-28kg,
td.ballast-29kg,
td.ballast-30kg {
    background-color: rgb(0,192,0,0.50);
    color: #fff !important;
}

td.ballast-31kg,
td.ballast-32kg,
td.ballast-33kg,
td.ballast-34kg,
td.ballast-35kg {
    background-color: rgb(0,208,0,0.50);
    color: #fff !important;
}

td.ballast-36kg,
td.ballast-37kg,
td.ballast-38kg,
td.ballast-39kg,
td.ballast-40kg {
    background-color: rgb(0,255,0,0.50);
    color: #fff !important;
}

td.restrictor {
}

td.restrictor20,
td.restrictor19,
td.restrictor18,
td.restrictor17,
td.restrictor16 {
    background-color: rgb(160,0,0,0.50);
    color: #fff !important;
}

td.restrictor15,
td.restrictor14,
td.restrictor13,
td.restrictor12,
td.restrictor11 {
    background-color: rgb(144,0,0,0.50);
    color: #fff !important;
}

td.restrictor10,
td.restrictor9,
td.restrictor8,
td.restrictor7,
td.restrictor6 {
    background-color: rgb(128,0,0,0.50);
    color: #fff !important;
}

td.restrictor5,
td.restrictor4,
td.restrictor3,
td.restrictor2,
td.restrictor1 {
    background-color: rgb(112,0,0,0.50);
    color: #fff !important;
}

.section-settings-custom-bop input[type=number]::-webkit-inner-spin-button,
.section-settings-custom-bop input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: button;
  opacity: 1;
}

.standings-drop-races-bg {
    background-color: rgba(30, 30, 30, 0.8);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.btn-center {
    display: flex;
    justify-content: center;
    align-items: center;
}














h1.sra-iracing-page-heading {
    font-size: 1.8rem;
    text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
}

@media (max-width: 720px) {
    h1.sra-iracing-page-heading {
        font-size: 1.2rem;
        text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
    }
}

h1.sra-iracing-page-heading-srating {
    font-size: 1.8rem;
    text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
}

@media (max-width: 720px) {
    h1.sra-iracing-page-heading-srating {
        font-size: 1.2rem;
        text-shadow: 2px 2px 2px rgba(32,32,32,0.5);
    }
}

.iracing-session-details {
    background-color: #222;
    border: 1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 20px 25px 10px 25px;
    font-size: 0.85em;
}

#iracing-sessions-container {
}

.iracing-track-map {
    position: relative;
    height: 100%;
    margin: 20px 20px 10px 20px;
}

.iracing-track-map img {
    display: block;
    width: 100%;
}

.iracing-track-map-background {
    position: absolute;
    width: 100%;
}

.iracing-track-map-active {
    position: absolute;
    width: 100%;
}

.iracing-track-map-inactive {
    position: absolute;
    width: 100%;
}

.iracing-track-map-pitroad {
    position: absolute;
    width: 100%;
}

.iracing-track-map-start-finish {
    position: absolute;
    width: 100%;
}

.iracing-track-map-turns {
    position: absolute;
    width: 100%;
}
.iracing-cars-image {
    border: 1px solid #ccc;
}

.iracing-car {
    border: 2px solid #999;
    max-width: 200px;
}

@media (max-width: 576px) {
    .iracing-car {
        border: 2px solid #999;
        max-width: 80px;
    }
}

.iracing-car-logo {
    max-width: 60px;
}

@media (max-width: 576px) {
    .iracing-car-logo {
        max-width: 30px;
    }
}

.iracing-track-logo {
    border: 2px solid #999;
    max-width: 200px;
    padding: 10px;
}

@media (max-width: 576px) {
    .iracing-track-logo {
        border: 2px solid #999;
        max-width: 120px;
        padding: 10px;
    }
}

.iracing-nav {
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin: 0;
}

.iracing-nav .iracing-nav-left li {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0;
    margin: 0;
}

.iracing-nav .iracing-nav-left a.nav-link,
.iracing-nav .iracing-nav-left li.nav-item {
    padding: 0;
    margin: 0;
}

.iracing-nav .iracing-nav-float a.nav-link {
    padding: 0;
    margin: 0;
}

.iracing-nav .iracing-nav-left li.active {
    background-color: #fff;
    color: #000;
}
.iracing-nav .iracing-nav-left li:hover {
    background-color: #000;
}

.badge-iracing {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #333;
    padding: 0 2px 0 2px;
    font-size: 1em;
    min-width: 40px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

/* Class A */
.badge-iracing-license-0153db {
    font-family: LatoBold700, Arial, sans-serif;
    color: #4b84e1;
    background-color: rgb(0,102,255,0.2);
    padding: 2px 2px 2px 2px;
    font-size: 0.9em;
    min-width: 60px;
    border: 1px solid #4b84e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Class B */
.badge-iracing-license-00c702 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #00c702;
    background-color: rgb(130,171,108,0.3);
    padding: 2px 2px 2px 2px;
    font-size: 0.9em;
    min-width: 60px;
    border: 1px solid #00c702;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Class C */
.badge-iracing-license-feec04 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #feec04;
    background-color: rgba(228, 225, 123, 0.2);
    padding: 2px 2px 2px 2px;
    font-size: 0.9em;
    min-width: 60px;
    border: 1px solid #feec04;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Class D */
.badge-iracing-license-fc8a27 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fc8a27;
    background-color: rgba(186, 108, 29, 0.2);
    padding: 2px 2px 2px 2px;
    font-size: 0.9em;
    min-width: 60px;
    border: 1px solid #fc8a27;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Rookie */
.badge-iracing-license-fc0706 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fc0706;
    background-color: rgb(166,23,27,0.2);
    padding: 2px 2px 2px 2px;
    font-size: 0.9em;
    min-width: 60px;
    border: 1px solid #fc0706;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Driver Numbers */
/* Class A */
.badge-iracing-class-0153db {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #355bac;
    padding: 1px 2px;
    font-size: 0.8em;
    min-width: 32px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

/* Class B */
.badge-iracing-class-00c702 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #09850b;
    padding: 1px 2px;
    font-size: 0.8em;
    min-width: 32px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Class C */
.badge-iracing-class-feec04 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #938c2e;
    padding: 1px 2px;
    font-size: 0.8em;
    min-width: 32px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Class D */
.badge-iracing-class-fc8a27 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #df7d27;
    padding: 1px 2px;
    font-size: 0.8em;
    min-width: 32px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* Rookie */
.badge-iracing-class-fc0706 {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #862a2a;
    padding: 1px 2px;
    font-size: 0.8em;
    min-width: 32px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

/* None */
.badge-iracing-no-class {
    font-family: LatoBold700, Arial, sans-serif;
    color: #fff;
    background-color: #737373;
    padding: 1px 2px;
    font-size: 0.8em;
    min-width: 32px;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}


/* Class A */
.bg-iracing-class-0153db {
    background-color: rgb(0,102,255,0.2);
}

/* Class B */
.bg-iracing-class-00c702 {
    background-color: rgb(130,171,108,0.3);
}

/* Class C */
.bg-iracing-class-feec04 {
    background-color: rgba(228, 225, 123, 0.2);
}

/* Class D */
.bg-iracing-class-fc8a27 {
    background-color: rgba(186, 108, 29, 0.2);
}

/* Rookie */
.bg-iracing-class-fc0706 {
    background-color: rgb(166,23,27,0.2);
}














.card-iracing-license {
    font-family: LatoBold700, Arial, sans-serif;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.card-iracing-license-bg {
    margin: 10px 10px 30px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
}

.card-iracing-license-bg-dirt {
    margin: 10px 10px 30px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
}

.card-iracing-license-text {
    position: absolute;
    top: 15%;
    width: 100%;
    line-height: 2em;
    font-size: 1.2em;
}

.card-iracing-license-bg img.iracing-license-card {
    transform: scale(1.03);
}

.card-iracing-license-bg-dirt img.iracing-license-card {
    transform: scale(1.03);
}






/* Class A */
.card-iracing-license-0153db {
    color: #4b84e1;
}

.card-iracing-license-bg-0153db {
    background-color: rgb(0,102,255,0.3);
}

/* Class B */
.card-iracing-license-00c702 {
    color: #00c702;
}

.card-iracing-license-bg-00c702 {
    background-color: rgb(130,171,108,0.3);
}

/* Class C */
.card-iracing-license-feec04 {
    color: #feec04;
}

.card-iracing-license-bg-feec04 {
    background-color: rgba(228, 225, 123, 0.3);
}

/* Class D */
.card-iracing-license-fc8a27 {
    color: #fc8a27;
}

.card-iracing-license-bg-fc8a27 {
    background-color: rgba(186, 108, 29, 0.3);
}

/* Rookie */
.card-iracing-license-fc0706 {
    color: #fc0706;
}

.card-iracing-license-bg-fc0706 {
    background-color: rgb(166,23,27,0.3);
}

.section-about-acc-connector img.acc-connector-screenshot {
    border: 1px solid #777;
    margin: 10px 0;
}

.card-iracing-results-stats-box {
    background-color: rgb(128,128,128,0.3);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 0;
}

.rotated-text {
  transform: rotate(-90deg);
}