:root {
    --btn-border-radius: 0.25rem;
    --font-family: 'Varela Round', sans-serif;

    --color-rda-orange-light: #ffa000;
    --color-rda-orange-dark: #FF6900;
    --color-rda-orange: var(--color-rda-orange-light);
    --color-danger: rgb(238, 15, 15);
    --color-highlight: #9900EF;

    --tab-text-color: hsla(0,0%,100%,.87);

    --border-color-default: #040608;
    --border-color-highlight: green;

    --bg-color: #000;
    --bg-color-alternative: #040608;
    --bg-color-emphasis: #1e1e1e;

    --bgcolor-highlight: green;
    --bgcolor-highlight-hover: darkgreen;

    --bgcolor-prognosis: green;
    --bgcolor-prognosis-trans: rgba(0, 100, 0, 0.6);

    --pb-type-1-color: rgba(246, 147, 43, 0.8);
    --pb-type-1-color-bg: rgba(246, 147, 43, 0.25);
    --pb-type-3-color: rgba(185, 245, 39, 0.8);
    --pb-type-3-color-bg: rgba(185, 245, 39, 0.25);
    --pb-type-5-color: rgba(100, 200, 180, 0.8);
    --pb-type-5-color-bg: rgba(100, 200, 180, 0.25);
    --pb-type-10-color: rgba(103, 154, 21, 0.8);
    --pb-type-10-color-bg: rgba(103, 154, 21, 0.25);
    --pb-type-12-color: rgba(130, 21, 154, 0.8);
    --pb-type-12-color-bg: rgba(130, 21, 154, 0.25);
    --pb-type-15-color: rgba(240, 240, 0, 0.8);
    --pb-type-15-color-bg: rgba(240, 240, 0, 0.25);
    --pb-type-20-color: rgba(255, 64, 81, 0.8);
    --pb-type-20-color-bg: rgba(255, 64, 81, 0.25);
    --pb-type-30-color: rgba(41, 75, 110, 0.8);
    --pb-type-30-color-bg: rgba(41, 75, 110, 0.25);
    --pb-type-45-color: rgba(245, 40, 145, 0.8);
    --pb-type-45-color-bg: rgba(245, 40, 145, 0.25);

    --bg-team-color: #90caf9;
    --bg-team-color-shadow: rgba(144, 202, 249, 0.8);
}

/*      theme     */
body {
    font-family: var(--font-family);
    background-color: var(--bg-color);
}

body .ui-button {
    border-radius: var(--border-radius);
}

body .ui-button .ui-button-text {
    font-family: var(--font-family);
    font-variant: small-caps;
}

.ui-button.ui-button-dimmed {
    background-color: var(--surface-100);
}


.ui-button.ui-button-highlight {
    background-color: var(--bgcolor-highlight);
    color: #fff;
}

.ui-button.ui-button-highlight:hover {
    background-color: var(--bgcolor-highlight-hover);
}

.ui-button.ui-button-highlight-border {
    border-color: var(--border-color-highlight);
}

.ui-button-highlight-border-secondary {
    border-color: #9900EF !important; /* 9900EF */
}

.ui-button.ui-button-danger.ui-button-flat {
    color: var(--color-danger) !important;
}

.ui-button-future-criteria {
    min-width: 150px;
}

.ui-button-rep-tracker-border {
    border-color: #e8bb17;
}

.ui-button.ui-button-danger {
    border-color: var(--color-danger);
    background-color: var(--color-danger);
}

body .ui-button.ui-button-danger, body .ui-splitbutton.ui-button-danger>.ui-button, body .ui-menubutton.ui-button-danger>.ui-button {
    border-color: var(--color-danger);
    background-color: var(--color-danger);
    color: #fff;
}

.ui-button-danger-border {
    border-color: var(--color-danger);
}

.ui-button.ui-button-charts-border {
    border-color: #e8bb17;
}

.ui-button.ui-button-hd,
span.ui-button-hd,
a.ui-button-hd{
    position: relative;
    text-decoration: none;
    border-bottom: solid 1px #e8bb17;
}

.ui-button.ui-button-nohd,
span.ui-button-nohd,
a.ui-button-nohd{
    text-decoration: none;
    border-bottom: solid 1px #ffffff;
}

.reps-label {
    position: relative;
}

.reps-label .mark {
    font-size: 0.6rem;
    position: absolute;
    top: -.4rem;
    right: -1.2rem;
}

body .ui-button.ui-button-text-only.p-0 .ui-button-text { padding: 0px !important; }

.ui-button-group { display: inline-block; white-space: nowrap; }
.ui-button-group:has(+ .ui-button-group) { margin-right: 1px; }
.ui-button-group+.ui-button-group { margin-left: 1px; }

.ui-inputgroup { display: inline-block !important; white-space: nowrap; }

body .ui-inputgroup-addon.ui-inputgroup-addon-future-end {
    min-width: 12rem;
    text-align: left;
}

body .ui-inputfield,
body .ui-selectonemenu,
body .ui-selectonemenu-classic {
    border-radius: var(--border-radius);
    background-color: var(--surface-100);
}

body .ui-selectonemenu-classic {
    padding: .5rem .5rem;
    font-size: 1rem;
    margin: 0px;
}

body .slider-group {
    display: flex;
    align-items: baseline;
}

body .slider-group .slider-group-addon {}
body .slider-group .ui-slider-horizontal  { flex-grow: 1; }

input.no-spinner::-webkit-outer-spin-button,
input.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.no-spinner[type=number] {
    -moz-appearance: textfield;
}

.col-highlight {
    border: 0px solid #9900EF !important; /* 9900EF */
    border-width: 0px 1px 1px 0px !important;
}

.text-highlight {
    border-bottom: 1px solid var(--color-highlight);
    padding-bottom: 0.2em;
}

.text-highlight-percentage {
    color: var(--color-rda-orange-light) !important;
}

.text-highlight-hi {
    color: var(--color-rda-orange-light) !important;
}

.text-highlight-pi {
    color: var(--color-rda-orange-dark) !important;
}

/* Used for display of unit sizes */
.text-unit {
    font-size: 0.8em;
}

.text-danger {
    color: var(--color-danger);
}

.text-bottom {
    vertical-align: bottom;
}

.text-vertical {
    writing-mode: vertical-lr;
}

.fa-solid.fa-square-check,
svg.fa-square-check {
    color: green;
}

/**
ul.cycling {
    list-style: none;
    padding: 0;
}

ul.cycling li::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f84a";
    margin-right: 8px;
    font-weight: 900;
}**/

 /*      theme end     */
body .ui-card {
    background-color: inherit;
}

body .ui-card.ui-card-page {
    margin-top: 6rem;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;

    border: 1px solid var(--surface-100);
}

body .ui-card.ui-card-reverse {
    background-color: var(--surface-900);
    color: var(--surface-0);
}

body .ui-card.ui-card-reverse .ui-link {
    color: var(--surface-0);
}
body .ui-card.ui-card-highlight .table-results thead tr th {
    background-color: var(--bgcolor-highlight) !important;
}

body .ui-alert {
    border: 1px solid var(--bg-team-color);
    border-radius: 5px;
    background-color: var(--surface-50);
}

/*    use .ui-carousel-static for manual paging   */
body .ui-carousel.ui-carousel-static .ui-carousel-content .ui-carousel-prev, body .ui-carousel .ui-carousel-content .ui-carousel-next,
body .ui-carousel.ui-carousel-static .ui-carousel-content .ui-carousel-prev, body .ui-carousel .ui-carousel-content .ui-carousel-prev {
    display: none;
}

.trans-90 {
    opacity: 90%;
}

.ui-datatable table.table-auto {
    table-layout: auto;
}

.ui-datatable .ui-table-column-sort-icon {
    margin-left: .25rem;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-secondary {
    color: var(--text-color-secondary);
}

.ui-linkbutton.text-xs .ui-icon,
.ui-linkbutton.text-xs .ui-button-text {
    font-size: inherit;
}

.text-nowrap {
    white-space: nowrap;
}

.row-label-breakaway {
    float: right;
    padding: 2px 4px;
    font-size: 0.8rem;
    border: solid 1px #fff;
    border-radius: 5px;
}

.mask-privacy-row .mask-privacy-field,
.mask-privacy-row.mask-privacy-field,
.mask-privacy-row .mask-privacy-field span {
    color: transparent !important;
    text-shadow: 0 0 10px #fff !important;
}

.climb-tracker-label-breakaway {
    float: right;
    padding: 8px;
    font-size: 0.6rem;
    border: solid 1px #fff;
    border-radius: 15px;
}

.wind-head {
    color: red;
}

.wind-tail {
    color: green;
}

.weather-data-container {

}

.w-60-px {
    display: inline-block;
    min-width: 60px;
}

.w-80-px {
    display: inline-block;
    min-width: 80px;
}

.w-120-px {
    display: inline-block;
    min-width: 120px;
}

.icon-float-right {
    float: right;
    margin-top: 4px;
}

body svg.fa-svg-icon {
    width: 16px;
    height: 16px;
}

    /*      menubar     */
body .ui-menubar ul.ui-menu-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ui-menubar ul.ui-menu-list li.ui-menuitem-spacer {
    flex-grow: 1;
}

body .ui-menubar ul.ui-menu-list li.ui-menuitem:has(.ui-menuitem-active) {
    border-top: 1px solid rgba(255, 255, 255, 1);
}
/*      end menubar     */

/*      team style      */
.team-overlay,
.rider-overlay {
    position: fixed;
    width: 100%;
    opacity: 60%;
}

.team-primary-image,
.team-stats-image,
.rider-primary-image,
.rider-stats-image {
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 0%;
    opacity: 0.5;
    object-fit: cover;
}
/*      end team style      */

/*      columns     */
.col-name-fixed {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
}

td.col-end,
tfoot td.col-end {
    text-align: right;
    white-space: nowrap;
}

body .ui-datatable td.col-center,
body .ui-datatable thead th.col-center,
body .ui-datatable tfoot td.col-center {
    text-align: center;
}

body .ui-datatable td.col-overflow,
body .ui-datatable thead th.col-overflow,
body .ui-datatable tfoot td.col-overflow {
    white-space: nowrap;
    overflow: hidden;
}

body .ui-datatable tr.prognosis {
    border: 2px solid var(--bgcolor-prognosis);
}

div.flat-datapoint-selector {
    width: 100%;
}

div.flat-datapoint-selector input[type="range"] {
    display: block;
    width: 100%;
}

/*      end columns     */

/*      trackers        */

.tracker-result { }
.tracker-result-1 { background-color: rgba(12, 172, 49, 0.72); }
.tracker-result-2 { background-color: rgba(12, 254, 49, 0.60); }
.tracker-result-3 { background-color: rgba(12, 254, 49, 0.48); }
.tracker-result-4 { background-color: rgba(12, 254, 49, 0.36); }
.tracker-result-5 { background-color: rgba(12, 254, 49, 0.24); }

.table-striped-cells>tbody>tr:nth-of-type(odd):not(.tracker-result)>td:not(.tracker-result)
{
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

tr.tracker-result-Positive td,
tr td.tracker-result-Positive { background-color: rgba(39, 95, 52, 0.7); }
tr.tracker-result-Neutral td,
tr td.tracker-result-Neutral { background-color: rgba(172, 129, 12, 0.7); }
tr.tracker-result-Negative td,
tr td.tracker-result-Negative { background-color: rgba(172, 12, 49, 0.7); }

tr.pb-type-group  { }
tr.pb-type-group td.pb-group-max { background-color: rgba(172, 12, 49, 0.7); }
tr.pb-type-short td { background-color: rgba(246, 79, 43, 0.4); }
tr.pb-type-middle td { background-color: rgba(246, 130, 43, 0.4); }
tr.pb-type-long  td { background-color: rgba(246, 180, 43, 0.4); }

.table.reps-table thead tr th.highlight-table-column,
.table.reps-table thead tr th.highlight-table-column a,
.table.reps-table tbody tr td.highlight-table-column,
.table.reps-table tbody tr td.highlight-table-column a {
    color: rgba(250, 196, 103, 1.0);
}

.table.reps-table thead tr th.highlight-table-column:first-child,
.table.reps-table tbody tr td.highlight-table-column:first-child {
    border-left: solid 1px rgba(246, 79, 43, 0.4) !important;
}

.table.reps-table thead tr th.highlight-table-column:last-child,
.table.reps-table tbody tr td.highlight-table-column:last-child {
    border-right: solid 1px rgba(246, 79, 43, 0.4) !important;
}

.blink {
    animation: blinker 1s step-start infinite;
}

.map-sector-number-marker,
.map-finish-marker {
    font-size: 16pt;
    color: #000;
}

.rep-tracker-table .col-group-1 {
    background-color: rgba(255, 255, 255, 0.16);
}

.rep-tracker-table .col-group-2 {
    background-color: rgba(255, 255, 255, 0.12);
}

.rep-tracker-table .col-group-3 {
    background-color: rgba(255, 255, 255, 0.08);
}
/*      end trackers        */

/*                   climb summary                    */
.climb-summary-row-hidden {
    display: none;
}

.climb-summary-* i {
    background-color: rgba( 255, 255, 255, 0.1);
}

.climb-summary-bg-* span {
    background-color: transparent;
    display: inline-block;
}

.climb-summary-hc-long,
.climb-summary-hc-short {
    color: rgba(183, 28, 28, 1); /* #b71c1c; */;
}

.climb-summary-bg-hc-long span,
.climb-summary-bg-hc-short span{
    background-color: rgba(183, 28, 28, 1); /* #b71c1c; */;
    display: inline-block;
}

.climb-summary-cat1-long ,
.climb-summary-cat1-short {
    color: rgba(211, 47, 47, 1); /* #d32f2f; */
}

.climb-summary-bg-cat1-long span,
.climb-summary-bg-cat1-short span {
    background-color: rgba(211, 47, 47, 1); /* #d32f2f; */
    display: inline-block;
}

.climb-summary-cat2-long,
.climb-summary-cat2-short {
    color: rgba(244, 67, 54, 1); /* #f44336; */
}

.climb-summary-bg-cat2-long span,
.climb-summary-bg-cat2-short span {
    background-color: rgba(244, 67, 54, 1); /* #f44336; */
    display: inline-block;
}

.climb-summary-cat3-long,
.climb-summary-cat3-short {
    color: rgba(229, 115, 115, 1); /* #e57373; */
}

.climb-summary-bg-cat3-long span,
.climb-summary-bg-cat3-short span {
    background-color: rgba(229, 115, 115, 1); /* #e57373; */
    display: inline-block;
}

.climb-summary-cat4-long,
.climb-summary-cat4-short {
    color: rgba(210, 121, 130, 1); /* #d27982; */
}

.climb-summary-bg-cat4-long span,
.climb-summary-bg-cat4-short span {
    background-color: rgba(210, 121, 130, 1); /* #d27982; */
    display: inline-block;
}

.climb-summary-cat5,
.climb-summary-cat5-long,
.climb-summary-cat5-short {
    color: rgba(255, 205,210, 1); /* #ffcdd2; */
}

.climb-summary-bg-cat5 span,
.climb-summary-bg-cat5-long span,
.climb-summary-bg-cat5-short span {
    background-color: rgba(255, 205,210, 1); /* #ffcdd2; */
    display: inline-block;
}
/*      end climb summary       */

/*      fixes       */
/*body .ui-badge { background-color: var(--primary-color-text); color: var(--text-color); border-color: var(--bg-team-color); }
body .ui-button { font-size: 1rem; font-weight: 600; letter-spacing: .03rem; }
body .ui-button.ui-button-text-only .ui-button-text { padding: .2rem .5rem; }
body .ui-button.ui-button-text-icon-left .ui-button-text { padding: .2rem .2rem .2rem .5rem;}
body .ui-datatable thead th { background-color: var(--bg-color-emphasis); }
body .ui-datatable .ui-datatable-data>tr:nth-child(odd) { background-color: var(--bg-color); }
body .ui-datatable .ui-datatable-data>tr:nth-child(even) { background-color: var(--bg-color-alternative); }
body .ui-datatable thead th .ui-column-title .ui-button a .ui-button-text { font-weight: normal; }
body .ui-menu.ui-menubar { background-color: var(--bg-color); }*/

body .ui-datatable thead th { background-color: var(--bg-color-emphasis); }
body .ui-datatable .ui-datatable-data>tr:nth-child(odd) { background-color: var(--bg-color); }
body .ui-datatable .ui-datatable-data>tr:nth-child(even) { background-color: var(--bg-color-alternative); }
body .ui-datatable thead th .ui-column-title .ui-button a .ui-button-text { font-weight: normal; }

body .ui-commandlink, body .ui-link { color: var(--text-color); }
body .ui-button.ui-button-flat { color: var(--bg-team-color); }
body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active { border-color: var(--bg-team-color); }
body .ui-overlaypanel .ui-overlaypanel-close { background-color: var(--bg-team-color); }
body .ui-radiobutton .ui-radiobutton-box.ui-state-active { border-color: var(--bg-team-color); background-color: var(--bg-team-color); }
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { box-shadow: 0 0 0 2px var(--bg-team-color-shadow); }
body .ui-chkbox .ui-chkbox-box.ui-state-active, body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { border-color: var(--bg-team-color); background-color: var(--bg-team-color); }
body .ui-chkbox .ui-chkbox-box.ui-state-focus { box-shadow: 0 0 0 2px var(--bg-team-color-shadow); outline: 0 none; }
body .ui-chkbox-label:not(div.text-wrap *) { white-space: nowrap; }
body .ui-menu.ui-menubar { background-color: var(--bg-color); }
body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { background-color: var(--bg-team-color); }

body .ui-button a { text-decoration: none; }
bodu .ui-button .ui-button-text { white-space: nowrap; }
body .ui-message.ui-staticmessage { display: block; }
/*body .field.grid>label { margin-top: 8px; }*/
body .ui-datatable thead th { padding: 1rem 10px; }
body .ui-datatable tfoot th { padding: 1rem 10px; }
body .ui-datatable .ui-datatable-data>tr>td { padding: 1rem 10px; } /* restore default */
body .ui-datatable .ui-datatable-data>tr>td:has(.ui-button) { padding: .5rem 10px; } /* restore default */
body .ui-tabs .ui-tabs-nav li.ui-tabs-header a, body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { color: var(--tab-text-color); }
body .ui-tabs .ui-tabs-panels { background: inherit; }
body .ui-tabs .ui-tabs-panels .ui-tabs-panel { padding: 1rem 0px; }
body .ui-tabs .ui-tabs-nav { background: inherit; }

body .ui-message.ui-message-error.ui-widget { margin: .5rem; }

body .ui-selectonemenu-items-wrapper { max-height: 280px; }

body .ui-carousel-item-overflow-x-auto .ui-carousel-item { overflow-x: auto; }
/*      end fixes */

/*      animations */
.sliding-icon-30 {
    position: relative;
    animation: moveRight 30s linear infinite;
}
@keyframes moveRight {
    0% { left: 0%; }
    100% { left: 100%; }
}
/*  end animations */