/* Booking site stylesheet MO 02.11.2018 */

body{
	background: rgb(239,241,236) !important;

	/* Fancy pancy font rendering */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

hr{
	border-top: 1px dashed silver;
	margin-left: -21px;
	margin-right: -21px;
}
.site-content{
	background: 
}
.header_body_separator{
	height: 230px;
}
.footer-above{
	margin-bottom: 35px;
	font-size: 80%;
}

.footer-below{
	
	box-shadow: 0px -5px 6px  silver;
	margin-bottom: 30px;
}

.footer-below ul>li{
	list-style-type: none;
	color: black;
}

.footer-below .list-group li>a{
	color: black !important;
}
.navbar{
	border-bottom: 5px solid rgb(194,51,58);
	box-shadow: 0px 3px 3px grey;
}

.bottom-dash{
	border-bottom: 1px dashed grey;
	margin: 30px;
	
}

.footer-help{
	border-radius: 6px;
	background: rgb(212,226,238);
}

.text-red{
	color: rgb(194,51,58);
}

.text-red:hover{
	color: rgb(214,71,78);
}

.booking-box{
	background: white;
	/*box-shadow: 1px 6px 10px silver;*/
	padding-left: 0;
	padding-right: 0;
	transition: all .3s;
}
.booking-box-container{

	margin-top: 40px;
	max-width: 500px;
}
.booking-box .nav-link{
	background: white;
	text-align: center;
	text-transform: uppercase;
	padding: 13px;
}

.booking-box .nav-item{
	width: 50%;
}
.top-red-line{
	border-top: 5px solid rgb(194,51,58);
}

.finger{
	cursor: pointer;
}

.profile{
	background-color: white;

}
code{
	color: #263880;
}
.booking-box .nav-link.active{
	color: rgb(30,30,30);
	border-top: 5px solid rgb(194,51,58);
	background: white;
	font-weight: bold;
}

.booking-box .nav-item:first-child>.nav-link:not(.active){
	box-shadow: -3px -3px 4px silver inset;
	color: rgb(160,160,160);
	background: rgb(239,241,236) !important;
}

.booking-box .nav-item:last-child>.nav-link:not(.active){
	box-shadow: 3px -3px 4px silver inset;
	color: rgb(160,160,160);
	background: rgb(239,241,236) !important;
}

.booking-object{
	background-color: white;

}

.profile-booking-object:not(:last-of-type){
	/*border: 0;*/
	border-bottom: 1px dashed gray;
	margin-bottom: 15px;
}

.blured-background{
	background: url(/assets/img/bg.jpg) no-repeat top center;
	background-position-y: -130px;
	background-size: 110%;
	/*padding: 40px 25px -25px 0px;*/
	/*height: 300px;*/
}
.booking-type-image-container{
 
}


.text-green{
	color: rgb(43, 178, 43);
}

#booking-type-image{
	position: absolute;
	bottom: -40px;
	right: 0;
	margin-bottom: 0px;
}


.start_timestamp,.end_timestamp,.start_timestamp2,.end_timestamp2{
	text-align: center;
}



.pickup-date-container{
	margin: 25px 0 25px 0;
}
.cta-limegreen{
	background: limegreen;
	box-shadow: -1px 1px 2px limegreen;
	border-radius: 3px;
	border: 1px solid limegreen;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	width: 100%;
	padding: 7px 20px;
	
	transition: all .3s;
}

.cta-limegreen:hover{
	transition: all .3s;
	box-shadow: -1px 1px 15px limegreen;
	text-decoration: none;
	color: white;

}
.cta-orange{
	background: rgb(255,127,52);
	box-shadow: -1px 1px 2px #DE6F34;
	border-radius: 3px;
	border: 1px solid rgb(235,117,52);
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	width: 100%;
	padding: 10px;
	transition: all .3s;
}

.cta-orange:hover{
	transition: all .3s;
	box-shadow: -1px 1px 15px #DE6F34;

}

.booking-box .nav-link{
	transition: all .1s;
}

.booking-box label{
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 70%;
}

.top-menu{
	text-transform: uppercase;
	white-space: nowrap;
	margin-left: 10px;
	margin-right: 10px;
	padding: 7px;
}

.top-menu:first-of-type{
	margin-left: 5px;
}

.top-menu:last-of-type{
	margin-right: 5px;
}

@media (max-width: 800px) { 


	.tab-content{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		z-index: 0;
	}
	.car-bg:after, .room-bg:after{
			
	  content: "";
	  opacity: 0.2;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  left: 0;
	  z-index: -1;

	}

	.car-bg:after {  
	    background: url(/assets/img/cars.png)  no-repeat 50% 0%;
	}

	.room-bg:after{
		background: url(/assets/img/rooms.png) no-repeat 50% 0%;

	}

}

h1{
	font-size: 2rem;
}