/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


@font-face {
   font-family: 'Volvo';
    src: url('../fonts/VolvoNovum-Regular.eot');
    src: url('../fonts/VolvoNovum-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/VolvoNovum-Regular.woff2') format('woff2'),
        url('../fonts/VolvoNovum-Regular.woff') format('woff'),
        url('../fonts/VolvoNovum-Regular.ttf') format('truetype'),
        url('../fonts/VolvoNovum-Regular.svg#VolvoNovum-Regular') format('svg');
    font-weight: normal;
    font-style: normal;	
}


body,pre,html,div,a,p,span,h1,h2,h3,h4,h5,h6,nav,navbar,nav-link,ul,li,table,caption,.nav,.navbar,.nav-link{
	font-family: 'Volvo'; font-weight: 300; font-style: normal;
}


body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 95vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

/* FORMS */
.my-form{
	padding: 5px;
}
.my-form .form-row{
	padding: 6px;
}

.mydashnav{
  background-color: #f3f3f3;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

/*CHATBOX*/
.chat-body{
	font-size: 0.8em;
	overflow-y: scroll;
	max-height: 50vh;
}

.cbox {
	display: block;
	line-height: 1em;
	background-color: #cce6fd;
	padding: 5px;
}

.cboxdtime {
	font-style: italic; 
	font-size: 0.7em;
}

.response {
	color:#4B4B4B;
	text-align: right;
	background-color: aliceblue;
	
}

/* BOOKING CALENDAR*/
.multiple_vehicle, .pick_different_date{
	font-size: 0.8em;
}
.booking_details{
	display: none;
	font-size: 0.8em;
}

/*USERNAME*/
.username{
	font-weight: bold;
}

.grad{
	background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,1));
}


/* CAROUSEL */
.cc-tl {
    position: absolute;
    right: 0%;
    top: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
.cc-tr {
    position: absolute;
    right: 15%;
    top: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
}

.cc-bl {
    position: absolute;
    right: 0%;
    left: 15%;
	bottom: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
.cc-br {
    position: absolute;
    right: 15%;
	bottom: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: right;
}

.instruction{
	font-weight: bold;
	color:midnightblue;
}

/*LIVE TIMING COLORS */
.ispersonalbest{
	color:limegreen;
	font-weight: bold;
}

.isnormal{
	color:yellow;
	font-weight: bold;
}

.issessionbest{
	color:deeppink;
	font-weight: bold;
}

.isslower{
}

span.c1 {
  background:DarkSlateBlue;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c2 {
  background:Indigo;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c3 {
  background:Purple;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c4 {
  background:DarkKhaki;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c5 {
  background:SteelBlue;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c6 {
  background:Blue;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c7 {
  background:OrangeRed;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c8 {
  background:Gold;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c9 {
  background:PeachPuff;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c10 {
  background:Olive;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c11 {
  background:Maroon;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c12 {
  background:DimGrey;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c13 {
  background:SlateGrey;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c14 {
  background:DarkGreen;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c15 {
  background:Crimson;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c16 {
  background:NavajoWhite;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c17 {
  background:DeepPink;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c18 {
  background:SpringGreen;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c19 {
  background:LightCyan;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c20 {
  background:Azure;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c21 {
  background:Salmon;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c22 {
  background:DarkSlateGray;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c23 {
  background:Lavendar;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}
span.c24 {
  background:MistyRose;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 1px;
  text-align: center;
  width: 1.2em; 
}