.collapse {
    display: none !important;
}
body {
    font-size: 12pt;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 100%;
}
.main_table {
    border: 0;
    background: #fff;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 510px;
}
td, div {
    font-size: 12pt;
}
.nowrap {
    white-space: nowrap !important;
}
select {
    font-size: 12pt;
    font-family: Verdana;
    color: inherit;
    height: 28px;
}
.flag_td {
    padding: 2px 0 0 0;
    margin: 0;
    vertical-align: middle;
}
.flag {
    padding: 0 !important;
    margin: 0 !important;
    border: 1px dotted #ddd !important;
    text-align: center;
    max-height: 29px;
}
input[type=text], input[type=password] {
    font-size: 12pt;
    font-family: Verdana;
    height: 23px;
}
.width_50 {
    width: 50px;
}
.perc45 {
    width: 45%;
    min-width: 70px;
}
.perc50 {
    width: 50%;
}
.perc55 {
    width: 55%;
}
.perc100 {
    width: 100%;
}
.pad0 {
    padding: 0 !important;
}
.margin0 {
    margin: 0 !important;
}
button, input[type=submit] {
    font-size: 12pt;
    font-family: Verdana;
    height: 29px;
}
.personal_best {
    color: #555;
    font-size: 9pt;
}
.button {
    width: 70px;
    margin-left: 5px;
}
.obj_name {
    width: calc(100% - 8px);
}
.top {
    vertical-align: top !important;
}
.bottom {
    vertical-align: bottom !important;
}
.left {
    text-align: left !important;
}
.center {
    text-align: center !important;
}
.right {
    text-align: right !important;
}
.text-justify {
    text-align: justify;
}
.unused {
    color: #d0d0d0 !important;
    font-weight: normal;
}
.small {
    font-size: 11pt;
}
.arrow {
    font-size: 15pt;
    padding-right: 5px;
}
div.unused {
    background: #f8f8f8 !important;
    border: 1px solid #d0d0d0 !important;
    min-width: 50px;
}
.alt {
    color: #66f !important;
}
.unused_alt {
    color: #ccf !important;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.table {
    border: 1px solid #88F;
    margin-left: auto;
    margin-right: auto;
}
.th {
    border: 1px solid #88F;
    padding: 3px;
}
.td {
    border: 1px solid #CCC;
    padding: 3px;
}
.pointer {
    cursor: pointer;
}
.track_select {
    background-color: #efe;
    border: 1px solid #777;
    border-radius: 2px;
}
.track_select:disabled {
    opacity: 1;
    background-color: #efe;
    color: inherit;
    cursor: default;
}
.class_select {
    background-color: #fee;
    border: 1px solid #777;
    border-radius: 2px;
}
.car_select {
    background-color: #fee;
    border: 1px solid #777;
    border-radius: 2px;
}

.blink_me {
    animation: blinker 0.75s linear infinite;
}
@keyframes blinker {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 100;
    }
    80% {
        opacity: 100;
    }
    100% {
        opacity: 0;
    }
}
.black {
    color: black;
}
.green {
    color: green;
}
.blue {
    color: dodgerblue;
}
.grey {
    color: #aaa;
}
.current_session {
    background: #efb;
}
.warning {
    color: red;
    font-weight: bold;
}

.formation_lap_div {
    color: purple;
    border: 1px outset purple;
    background: #ffe0ff;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    padding: 3px;
    border-radius: 3px;
    min-width: 40px;
}
.formation_lap {
    font-size: 14pt;
}
.formation_lap_icon {
    color: #b5b;
    font-size: 9pt;
    padding-top: 4px;
}

.fuel_strategy_div {
    font-size: 10pt;
    color: purple;
    border: 1px dotted #ddd;
    font-weight: normal;
    text-align: center;
    padding: 5px;
}
.fuel_strategy {
    font-size: 13pt;
}
.fuel_strategy_icon {
    padding-left: 4px;
    padding-top: 2px;
}
.fuel_color {
    color: #b5b;
}
.cloud {
    color: #ccc;
    cursor: pointer;
    font-size: 16pt;
}
.hard-green {
    color: #0a4;
}
.hard-red {
    color: #a40;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.nav_button {
    width: 120px;
    height: 30px;
}

/* Real-Time Racing */
hr {
    border: 1px dotted #444;
}
.race_dim {
    background: #000;
}
.push_up {
    cursor: pointer;
}
.dim {
    color: #666;
}
.refuel_option {
    cursor: pointer;
    color: #0f0;
    text-align: center;
    background: linear-gradient(180deg, #040, #020, #020, #020, #020, #020, #040);
    font-size: 30pt;
    margin: 0 auto;
    padding: 8px 14px 7px 14px;
    border-radius: 15px;
    min-width: 40px;
    display: inline-block;
}
.refuel_option.pointer-events-none {
    cursor: default;
    pointer-events: none;
    opacity: 0.5;
}
.race_timer.pit_minor {
    font-size: 22pt;
    padding-top: 4px;
}
.fuel_pump {
    font-size: 22pt;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    margin-bottom: 4px;
}
.set {
    cursor: pointer;
    border: 1px dotted #333;
    min-width: 40px;
    background: linear-gradient(180deg, #222, #000, #000, #000, #222);
}
.race_timer {
    font-size: 30pt;
    white-space: pre-wrap;
    text-align: center;
    color: #fff;
}
.lap_indicator {
    font-size: 14pt;
    color: #666;
    padding-right: 10px;
}
.laps_indicator {
    font-size: 14pt;
    color: #555;
}
.pit_strategy_row {
    font-size: 14pt;
}
.pit_strategy_icon {
    color: #666;
    font-size: 18pt;
    padding: 0 6px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.pit_strategy_name {
    color: #666;
}
.pit_strategy_icon.active {
    color: orchid;
}
.pit_strategy_name.active {
    color: orchid;
}
.pit_strategy_icon.current,
.pit_strategy_name.current {
    color: #ddd;
}
.pit_strategy_icon.future {
    color: orchid;
}
.plan_display {
    font-size: 18pt;
    padding-top: 4px;
    color: #999;
}
.plan_stint {
    color: #666;
}
.plan_stint.active {
    color: #ddd;
}
.plan_stint.next {
    color: #0f0;
}
.plan_stint.future {
    color: orchid;
}
.plan_arrow {
    font-size: 9pt;
    color: #555;
    margin: 0 4px;
}
.racing {
    color: #0f0;
}
.hms.end_race, .onboard.dnf {
    color: #f00 !important;
}
.control.end_race, .onboard.end_race, .onboard_control.dnf {
    color: #bbb;
}
.set_select {
    background: linear-gradient(180deg, #777, #ccc, #ccc, #ccc, #777);
    color: #000;
}
.caret_control {
    color: #414141;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}
.caret_high {
    font-size: 50pt;
    color: #0a0;
    text-shadow: 0 2px 3px #3f3;
    background: #020;
}
.caret_low {
    font-size: 50pt;
    color: #a00;
    text-shadow: 0 -2px 3px #f33;
    background: #200;
}
.weekend_btn {
    color: #fff;
    background: radial-gradient(#339, #339, #66f);
}
.ctrl_icon {
    cursor: pointer;
    font-size: 22pt;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pause_race {
    color: #44a;
}
@keyframes engine_nudge {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.4; }
}
.start_engine {
    background: radial-gradient(#0a0, #0a0, #ff0);
    color: #fff;
    border-radius: 40px;
}
.start_engine.pulse {
    animation: engine_nudge 1.4s ease-in-out infinite;
}
.stop_engine {
    background: radial-gradient(#a00, #a00, #fa0);
    color: #fff;
    border-radius: 40px;
}
.go_race {
    background: radial-gradient(#0a0, #0a0, #fff);
    color: #fff;
    border-radius: 40px;
}
.reset_race {
    color: #888;
    background: #555;
    border-radius: 40px;
}
.reset_race.armed {
    color: #000;
    background: radial-gradient(#c8960c, #c8960c, #f5c518);
}
.fuel_OK {
    color: #0f0;
}
.fuel_Danger {
    animation: blink-animation 1s steps(1, start) infinite;
    color: #f22;
}
.fuel_critical {
    animation: blink-animation 0.4s steps(1, start) infinite;
    color: #f22;
    background: #500;
}
.blink {
    animation: blink-animation 1s steps(1, start) infinite;
}
@keyframes blink-animation {
    50% {
        opacity: 0.2;
    }
}
#pit_crew.fuel_Danger,
#pit_crew.fuel_critical {
    animation: none;
}
.alarm_ack {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    font-size: 22pt;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: radial-gradient(#c8960c, #c8960c, #f5c518);
    animation: engine_nudge 1.4s ease-in-out infinite;
}
.fuel_cap {
    color: #22f;
}
.fuel_cap.locked {
    color: #666;
}
.fuel_dial {
    padding: 0 !important;
    vertical-align: top !important;
}
.fuel_tank {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px;
    height: 75px;
    border: 1px dotted #666;
    border-bottom: 0;
    background: #006;
}
.fuel_gauge {
    display: block;
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px;
    height: 25px;
    background: #0a0;
    border: 1px dotted #666;
    border-top: 1px solid #ff0;
}