/*
   otStyler v1.8
   CSS Compiler, (C) Copyright 2014 Mike Bradley
   cache: 3600, css: css

   Do good and good will follow you.

*/


/* cal.css */
.icCalTitle {
font-size: 16px;
}
.icCalDay {
display: inline-block;
width: 28px;
font-size: 12px;
}
.icCalCell {
display: inline-block;
width: 28px; height: 20px;
padding: 1px 1px;
color: #616A6B;
font-size: 18px;
background-color: #FBFCFC;
}
.icCalPast {
color: #cecaca !important;
}
.icCalAvail {
background-color:#C8E6C9;
}
.icCalToday {
padding: 0 0;
font-weight: bold;
color: #D35400 !important;
border: 1px solid red;
border-radius: 8px 8px;
}
.icCalBO {
color: #7F8C8D !important;
text-decoration: line-through;
background-color: #dadbdb !important;
}
/* default.css */
* {
font-family: Arial, Helvetica, sans-serif;
}
body {
margin: 0 0;
padding: 0 0;
}
.vehMainImage {
width: 600px;
}
/* gui-imageblock.css */
.blockImgButton {
display: inline-block;
vertical-align: text-bottom;
width: 71px;
margin: 2px 2px;
padding: 4px 4px;
text-align: center;
cursor: pointer;
background-color: #eeeeee;
}
.blockImgButtonBig {
position: relative;
display: inline-block;
vertical-align: text-top;
box-sizing: border-box;
margin: 0px 2px 2px 0;
padding: 4px 4px;
width: 150px;
min-height: 97px;
z-index: 10;
text-align: center;
cursor: pointer;
background-color: #eeeeee;
}
.blockImgButtonBigSelect {
background-color: #b3b2b2;
color: #FFFFFF;
}
.blockImgButtonBigImage {
box-sizing: border-box;
width: 80%;
object-fit: cover;
}
/* gui-vehcard.css */
.obVehClassBlocks {
text-align: center;
}
.vc-list {
text-align: center;
}
.vc-div {
display: inline-block;
box-sizing: border-box;
vertical-align: text-top;
width: 250px;
padding: 5px 5px;
}
.vc-title {
box-sizing: border-box;
padding: 2px 2px;
color: #000000;
background-color: #cccccc;
}
.vc-mainimg {
box-sizing: border-box;
display: inline-block;
text-align: center;
width: 100%;
border-radius: 0 0 12px 12px;
}
/* hotels.css */
.hotelheader {
background-color: #BFC9CA;
}
.hotelheadername {
font-size: 22px;
}
.hotelfooter {
padding: 5px 5px 5px 5px;
}
/* layout.css */
.loVehDisp {
display: inline-block;
}
.loAvailHeader {
border-width: 1px 0 1px 0;
border-color: #000000;
border-style: solid;
}
.loCalDisp {
display: block;
}
/* main.css */
.carName {
font-size: 21px;
}
.qrShare {
width: 300px;
}
@media screen and (max-width: 500px) {
  .vehMainImage  {
    width: 100%;
    }
  .blockImgButtonBig  {
    margin: 0px 0px;
    width: 25%;
    }
  .vc-div  {
    width: 50%;
    }
  .loVehDisp  {
    display: block;
    }
}
@media screen and (min-width: 1024px) {
  .blockImgButtonBig  {
    margin: 0px 2px 2px 2px;
    width: 100px;
    min-height: 85px;
    }
  .obVehClassBlocks  {
    height: 90px;
    }
}