html,
body,
header,
#intro {
    height: 90%;
}

a {
  color: black !important;
}

.red-text{
  color:#ed1d25 !important;
}

.btn-medium-red {
  background-color:#ed1d25 !important;
}

.pagination .page-item.active .page-link {
  border-radius: 1rem;
  background-color: white;
}

.pagination .page-item.active .page-link:hover {
  background-color: #797979;
}

.unique-color-dark {
  background-color: #797979 !important;
}

.light-grey{
  background-color: #c7c7c7;
}

.btn-primary{color:#fff;background-color:#797979 !important;border-color:#797979 !important}
.btn-primary:hover{color:#fff;background-color:#515151 !important}

  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .btn-primary.dropdown-toggle,
  .btn-primary.dropdown-toggle:focus{color:#fff;background-color:#4e4e4e !important}

  .btn-primary:not([disabled]):not(.disabled):active,
  .btn-primary:not([disabled]):not(.disabled).active,
  .show>.btn-primary.dropdown-toggle{background-color:#4e4e4e !important;color: #fff !important;}


.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:active:hover,
.btn-outline-primary:active:focus {
  color: #797979 !important;
  background-color: transparent !important;
  border: 2px solid #797979 !important;
}

.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle{  color: #797979 !important;
  background-color: transparent !important;
  border: 2px solid #4e4e4e !important;}

.btn-danger {
  color: #fff !important;
  background-color: #dc3545;
  border-color: #dc3545;
  text-transform: uppercase!important;
}


#intro {
    background: url("/images/jumbo.jpeg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#inlay1 {
  background: url("/images/inline2.png")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}
#inlay3 {
  background: url("/images/inline3.jpeg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

.top-nav-collapse {
    background: linear-gradient(#ffffff, #ffffff);
}
.navbar-brand {
  display: none
}

.user-profile {
  background-color: #0f2051;
}

.top-nav-collapse .navbar-brand {
  display: block
}

.home .navbar-brand {
  display: block
}

.home {
  position: sticky;
  background: linear-gradient(#ffffff, #ffffff);
  display: block
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: linear-gradient(#ffffff, #ffffff);
  }
  .navbar-brand {
    display: block
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: linear-gradient(#ffffff, #ffffff);
  }
  .navbar-brand {
    display: block
  }
}

.text-primary{
  color: rgb(13,31,81,1) !important;
}


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

body {
background-color: #ffffff;
  letter-spacing: 0.2px;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 48px;
  font-family: 'Roboto';
  color: #515151;
}

#title {
  font-size: 30px;
}


.linear-back {
  height:100vh;
  background: linear-gradient(#20202d, #0f2051);
  color: white;
}


.navbar-brand {
  color: #ff3333 !important;
}

.nav-link {
  color: #515151 !important;
  text-transform: uppercase;
  font-size: 12px;
}

.btn-outline-danger.login {
  color: white;
}

.form-control {
  background-color: transparent;
}

.red-link {
  color: red;
  font-size: 14px;
}

.white-link {
  color: white;
}


.jumbotron {
  background-image: url('/images/jumbo.jpeg');
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center;
  color: white;
  border-radius: 0;
}

.ride_info-image {
  height: 50%;
}

.faded {
  color: #9b9b9b
}

.dark-gray {
  color: #515151
}

.medium-gray {
  color: #4a4a4a;
}

.l-text {
  font-size: 22px;
}

.m-text {
  font-size: 14px;
  font-weight: normal;
}

.s-text {
  font-size: 10px;
  font-weight: normal;
}

.ride-card {
  --background-color: white;
  --border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

a.ride-card:hover {
  text-decoration: none;
}

.bottom-border {
  border-bottom: 1px solid #e9e9e9;
}

.right-border {
  border-right: 1px solid #e9e9e9;
}

.around-border {
  border: 1px solid #e9e9e9;
}

.Sheet-body {
  background-color: #efefef;
}

.flag {
  height: 130%;
  border-radius: 5px;
  color: white;
}

.flag.results {
  background-image: url("/images/closed.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.open
{
  background-image: url("/images/open.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.start
{
  background-image: url("/images/open.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.international
{
  background-image: url("/images/open.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.closed
{
  background-image: url("/images/closed.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.live
{
  background-image: url("/images/live.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.cancelled
{
  background-image: url("/images/live.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.flag.opening
{
  background-image: url("/images/open.svg");
  background-repeat: no-repeat;
  background-position: bottom;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); 

  box-shadow: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.56);
}


.rectangle-10-copy-2 {
  border-radius: 1px;
  background-color: #797979;
  color: white;
}

.vertical-right {
  text-align: right;
}
.vertical-text-center {
  text-align: center;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.edit-btn {
  padding: 1px 5px 5px 5px;
  background-color: #212529;
}

.xrc-btn {
  background-color: #212529;
  color: white;
}

.btn-medium-blue {
  background-color: #4d5bac;
}

.down-arrow {
  background-image: url(/images/arrow.jpg);
  border: none;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  box-shadow: none;
  background-color: transparent;
  outline-color: transparent;
  background-position: center;
}

.down-arrow[aria-expanded="true"]  {
  background-image: url(/images/arrow.jpg);
  border: none;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  box-shadow: none;
  background-color: transparent;
  outline-color: transparent;
  background-position: center;
}

.down-arrow.md {
  display: none;
}

.race-details {
  padding: 0;
}

.icon-align {
  display: inline-flex;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .down-arrow {
      display: none;
  }
  .collapse.big {
      display: block;
  }
}


.panel {
  border: solid 1px #c1bebe;
  padding: 10px;
  margin: 5px;
}

.bold {
  font-weight: bold;
}


.price-slider {
  position: relative;
  margin: 0 auto 20px;
  height: 35px;
  text-align: center;
}

.price-slider input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 15px;
  width: 100%;
  outline: none;
  height: 18px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
}

.price-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background-color: white;
  border: 2px solid black;
}

.primary-color {
  background-color :#0f2051 !important;
}