@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body {
font-family: 'Roboto', sans-serif;
float: left;
letter-spacing: 0.3px;
position: relative;
width: 100%;
overflow-x:auto;
}
html, body {
    height: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #272727;
    font-family: 'Roboto', sans-serif;
    margin:0;
}
p {
    color: #767676;
    float: left;
    font-size: 15px;
    line-height: 27px;
    margin:0;
    width: 100%;
}
ol li, 
ul li {
    color: #666666;
    font-size:15px;
}
a, 
a:focus, 
a:hover {
    outline: medium none;
    text-decoration: none;
}
.main {
    height: 100%;
    width: 100%;
    display: table;
	margin-top: 10%;
}
.wrapper {
   /* display: table-cell;
    height: 100%;
    vertical-align: middle;*/
}
.tab-wrapper{
	position: relative;
	min-width: 320px;
	max-width: 500px;
	background-color: #fff;
	margin: 0 auto;
	z-index: 9;
	min-height: 500px;
}
.reservation-head{
	text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    background: #f8f7f7;
}

.tabs {
  float: none;
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
	border-top: 1px solid #e0e0e0;
}

.tabs li.tab-filed {
  float: left;
  display: block;
  width: 50%;
}
.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label.tablabel {
  display: block;
  padding: 10px 0;
  border-radius: 0;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  background: #efeeef;
  cursor: pointer;
  position: relative;
  top: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-top: 0;
  height: 45px;
  font-weight: 500;
}
.tabs label.tablabel span{
	   width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    line-height: 24px;
    margin-right: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;}
.tabs label.tablabel div{display: inline-block;font-size: 14px;} 
.tabs [id^="tab"]:checked + p {
    color:black;
    -moz-transition: all 2.2s ease-in-out;
    -o-transition: all 2.2s ease-in-out;
    -webkit-transition: all 2.2s ease-in-out;
    transition: all 2.2s ease-in-out;
}
.tabs label.tablabel:hover {
  background: #e0e0e0;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  width: 100%;
  font-size: 17px;
  line-height: 25px;
  padding: 0;
  position: absolute;
  top: 53px;
  left: 0;
  background: #fff;
}
.tabs [id^="tab"]:checked + label {
  background: #fff;
      border: none;
	  color: #4791a9;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

.bcal-container {z-index:100!important}


.btnRed{background: #d11242;color: #fff;margin:5px;padding:8px 12px}

#txtDate{width:100%;border:1px solid #ccc;padding: 7px;display: inline-block;margin-bottom: 15px;padding-left: 40px;font-size: 16px;}
.bcal-container{width: 270px !important;/*top: 0 !important;*/}


.tab-wrapper {
 height: 50% !important;
 background-color:#fff;
 overflow-y: auto;
 max-width: 35% !important;
 margin: 0 auto;
 padding: 7px;
 box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 border-radius: 10px;
}
.find-table .btn--bg {background: #5f5141 !important;}
.tabs .tab-content{ background: none !important;}
.button.waves-effect{background: #5c4734 !important;}
.contact-details i{color: #b29021 !important;}
.button.waves-effect{background: #5f4b3a !important;}
button.waves-effect{background: #80745f !important;}
.tab-wrapper { --scrollbarBG: #CFD8DC; --thumbBG: #80745f !important;}
.find-table .btn--bg:hover { background: #9f7834 !important;color: #fff !important;}
.tab-wrapper{ min-height: 70vh !important; max-height: 80vh !important;}
.form-group{ margin-bottom: 0;}
.form-group label{ margin: 0;}

.mt-100{ margin-top: 100px !important;}
.form-control{ margin-bottom: 3px !important;}
#frmStripe{ border: none;}
.pt-0{ padding-top: 0 !important;}
div#divkeyin .hdr a .fa-times {margin-left: 20px;}
.details-header ul li{padding: 5px 0;}
.page-wrapper{ min-height: initial !important;}
.waves-light:hover {color: #fff;background: #5e5747 !important;}
.form-container{ padding: 10px 0 30px 0;}
button.waves-effect{ margin-top: 15px;}
#payment-form{ width: 100%;}