body {
	font-size: 0.8rem;
}
.h5, h5 {
    font-size: 1rem;
}
.free{
    color: #2c3126;
    background-color: #b7d297;
    border-color: #8BC34A;
}
.free:hover{
    color: #2c3126;
    background-color: #b7d297;
    border-color: #8BC34A;
}
.reserved{
  color: #fff;
  background-color: #b3b3b3;
  border-color: #888888;
}
.reserved:hover{
  color: #fff;
  background-color: #b3b3b3;
  border-color: #888888;
}
.selectedHour{
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.selectedHour:hover{
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

body {
  background: #e4f8ff;
}

.main_site_wrap {
  margin-top: 20px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 6px 8px 0px #ccf0fc;
  border: 1px solid #b0e4f5;
  padding: 0px 70px 50px 70px;
}

.footer{
  background-color: #effbff;
  font-size: 12px;
}

#register h5 {
  text-align: left;
}

h5{
  margin-top: 6px;
}
.form-control {
  display: block;
  width: 100%;
  padding: 11px 8px;
  font-size: 1rem;
  /* line-height: 3; */
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 10px;
  /* padding: 10px; */
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: auto!important;
}

input#submitbtn {
  background: #06adef;
  font-weight: 700;
  font-size: 18px;
}

h1 {
  font-size: 2.2rem;
}
.font-14{
  font-size: 14px;
}
.font-18{
  font-size: 18px;
}




.datepicker-days table .disabled-date.day,.datepicker-days table .disabled.day {
  /* background-color: #663399; */
  /* color: #fff; */
 
}
.datepickerHolder {
    background: #e4f8ff;
    border-radius: 10px;
    /* width: 260px; */
    width: 100%;
    border: 1px solid #b0e4f5;
}
.datepicker-inline {
    width: 100%!important;
}
.datepicker table {
    width: 100%!important;
}
.datepicker .btn-default {
border-width: 0;
box-shadow: none;
}




.datepicker-dropdown {
top: 0;
left: 0;
padding: 4px;
background-color: #2C6E8E;
border-radius: 10px;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
/* color: #FFFFFF; */
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
/* background: #555555; */
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
/* color: #FF8000; */
}

.datepicker table tr td.today {
color: #000000;
background-color: #FFA953;
border-color: #FFB76F;
}
.datepicker table tr td.today:hover {
color: #FFFFFF;
background-color: #884400;
border-color: #f59e00;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
color: #ffffff;
background-color: #419841;
border-color: #285e8e;
}


.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
color: #ffffff;
background-color: #285e8e;
border-color: #193c5a;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
color: #ffffff;
background-color: #3071a9;
border-color: #285e8e;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active:hover,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active:focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.focus,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
color: #ffffff;
background-color: #285e8e;
border-color: #193c5a;
}
.datepicker .datepicker-switch {
width: 145px;

}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #50A2C9;
}


#radio_container input[type=radio] {
  display: none;
}