.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

body {
  padding-bottom: 20px;
  background-color:#ECECEC;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.icon-50 { font-size: 50px; }
.icon-75 { font-size: 75px;
vertical-align: top;
margin-top: -0.125; }
.icon-300 { font-size: 300px; }

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
    inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}
.gold-card {
  background-color: #d5a500;
  color: white;
  --bs-shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Customize the shadow */
}
.silver-card {
  background-color: #b7b7b7;
  color: white;
  --bs-shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Customize the shadow */
}
.bronze-card {
  background-color: #cd7f32;
  color: white;
  --bs-shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Customize the shadow */
}


#fastestlap {
  
  
  font-size: smaller;
  width: 20px;
}

/* Used to hide fastest lap column in standings table */
#paqdriverstandingstable th:nth-child(12),
#paqdriverstandingstable td:nth-child(12) {
  display: none;
}


#podium {
  display: contents;
  font-size: 18px;
}
#paqpodium,#paqheading,
#paqdriverstandingsheading,
#paqchampionshipheading,
#paqscheduleheading {
  text-align: left;
  scroll-snap-align: start;
  scroll-margin-top: 100px;
  color: #676767;
}
#carimg {
  vertical-align: baseline;
}
#flagimg {
  vertical-align: baseline;
  width: 70px;
  -webkit-filter: drop-shadow(0px 0px 0px #222222a7);
  filter: drop-shadow(0px 0px 5px #222222a7);
}
#standingsimg {
  display: table-cell;
}
#logo {
  padding: 10px;
}

.round {
  color: white;
  font-weight: bold;
  font-size:large;
  margin-right: 5px;
}
.round-date {
  color: white;
  font-weight: bold;
  font-size: large;
}
.round-trackname {
  color: #676767;
  font-weight: bold;
  font-size: large;
}
.round-trackimage {
  padding: 15px;
}
#fastestlaptd {
  color: #ff00ff;
}
.card-background-futurerace  {
  background-color: #7f0200;
}
.card-background{
  background-color: black;
}
.nav-link-color {
  color: #676767;
  font-weight:bold;
}
.nav-link:visited, .btn-link:visited{
  color: #676767;
  font-weight:bold;
}

.nav-link:active, .btn-link:active{
  color: #676767;
  font-weight:bold;
}

.nav-link:hover, .btn-link:hover {
  color: #7f0200; /* Your custom hover color */
  text-decoration: none; /* Optional: remove underline on hover */
}

.navbar {
  background-color: white;
}
#oldschedule {
  display:none;
}
#race-director-link {
  color:#7f0200;
}
.table-result {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.badge-fastestlap {
  background-color: #ff00ff!important;
}

.badge-absent {
  background-color: #3b3b3b!important;
}

.bi-box-arrow-up-right{
  font-size: 12px;
}
/* #schedulecards {
  display: none;
} */ 
#btn-back-to-top {
  position:fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  font-size: 20px;
} 
#upbutton {
  font-size: 40px;
  color: #7f0200;
}

#driverstandingsection
{
  display:block;
}
/*hampionshipchartsection
{
  display: none;
}
*/

/*
#ScheduleCardssection
{
  display: none;
}
  */