body
{
	background: #FFF;
}
.navbar .jane-logo
{
	width: 200px;
	height: 50px;
	background-size: 200px 50px !important;
}
.booking-form label.control-label"
{
    color: #2583D8;
}
#select-appointment-month
{
	font-weight: bold;
	font-size:16px;
	text-transform: uppercase;
}
#select-appointment-month option
{
	font-weight: bold;
}
#appointment-calendar thead
{
	background: #2583d8;
}
#appointment-calendar thead th
{
	color: #FFF;
}
#appointment-calendar tbody td.hoverable-td:hover
{
	/*background: #2583d8;
	color: #FFF;*/
}
td.date-bookable
{
	font-weight: bold;
	cursor: pointer;
	background: #7cb6e9;
	color: #FFF;
}
td.date-bookable:hover
{
	background: #2583D8;
	color: #FFF;
}
.choose-time-container {
	display: none;
	width: 120px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    padding: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 6px;
    position: absolute;
    z-index: 6;
    background: #ccc;
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 80%);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,.2)));
    background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2) 80%);
}


.choose-time-container h1 
{
    padding-top: 5px;
    background: #fff;
    margin: 0;
    text-align: center;
    font-size: 180%;
}
.choose-time-container .choose-time {
    padding: 15px 5px 0;
    background: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    min-width: 100px;
    position: relative;
    z-index: 2;
    max-height: 280px;
    display: block; 
    overflow: auto;
}
.no-touch .choose-time {
    max-height: 280px;
    overflow-y: scroll;
}
.no-touch .choose-time .form-inline {
    width: 95%;
}
.choose-date-time
{
	color: #313131
}
.choose-time-container input[type="radio"] {
    display: none;
 }
 .choose-time-container input[type="radio"] + label {
    font-weight: 400;
    cursor: pointer;
    padding: 5px 0;
    border-radius: 15px;
    /*display: inline-block;*/
    margin-bottom: 1px;
    float: left;
    width: 100px;
    text-align: center;
}
.choose-time-container input[type="radio"]:checked + label {
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
}
.choose-time-container label.checked, .choose-time-container label:focus, .choose-time-container label:hover {
    background: #2583D8;
    color: #fff;
    opacity: .8;
    outline: none;
}


.custom-checkbox-wrapper input[type="checkbox"] {
      visibility: hidden;
      display: none;
}
.custom-checkbox-wrapper label {
  cursor: pointer;
  color: #FFF;
}
.custom-checkbox-wrapper input[type="checkbox"] + label:before {
  border: 1px solid #FFF;
  background: #FFF;
  content: "\00a0";
  display: inline-block;
  font: 20px/1em sans-serif;
  height: 20px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: middle;
  width: 20px;
}
.custom-checkbox-wrapper input[type="checkbox"]:checked + label:before {
  background: #FFF;
  color: #2583D8;
  border: 1px solid #FFF;
  content: "\2713";
  text-align: center;
}
.custom-checkbox-wrapper input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

.custom-checkbox-wrapper input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}
/*.choose-time-container .choose-time-actions {
	display: none;
	left : 118px;
    position: absolute;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    border-radius: 3px;
}
.choose-time-container .choose-time-actions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.choose-time-container .choose-time-actions li {
    padding: 0;
    margin: 0;
}
.choose-time-container .choose-time-actions .btn:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-width: 1px;
}
.choose-time-container .choose-time-actions .btn:first-child {
    border-top-right-radius: 3px;
    -webkit-box-shadow: -1px 3px 2px rgba(0,0,0,.1);
    box-shadow: -1px 3px 2px rgba(0,0,0,.1);
    position: relative;
}
.choose-time-container .choose-time-actions .btn {
    border-radius: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-width: 0;
}*/
.field-detail
{
    display: none;
}
.service-info
{
    border-radius: 0;
}
.service-info p
{
    color: #777;
}
.pract-info
{
    border-radius:  20px;
    background: #2583D8;.
    color: #FFF;
}
.pract-info h4, .pract-info p 
{
    color: #FFF;
}
.pract-info p 
{
    margin-bottom: 0;
}
.pract-image img
{
    width: 80px;
    height: 80px;
}
.pract-detail
{
    /*display: inline-block;*/
    float: left;
}
.pract-other
{
    margin-left: 20px;

}
.common-booking-modal label
{
    color: #FFF;
}
.common-booking-modal .modal-content
{
    background: #2583D8;
}
.common-booking-modal .modal-header
{
    padding-bottom: 0;
}
.common-booking-modal .modal-header, .common-booking-modal .modal-footer
{
    border: none;
}
.common-booking-modal .modal-title
{
    text-align: center;
    color: #FFF;
    font-size : 1.5em;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.common-booking-modal .modal-footer
{
    background: #1a5d99;
    color: #FFF;
}
.common-booking-modal p 
{
    color: #FFF;
    margin: 0;
    text-align: center;
}
.common-booking-modal .patient-search
{
    margin: 20px 0 ;
}
.common-booking-modal .modal-footer p>a
{
    color: #e6e6e6;

}
.common-booking-modal a.close
{
    font-size: 3em;
    color: #12436d;
    float: right;
    margin-top: -15px;
    text-shadow: none;
}
.common-booking-modal a.close:focus, .common-booking-modal a.close:active
{
    box-shadow: none;
    border: none;
}
.custom-booking-btn
{
    background: #12436d;
    color: #FFF;
    padding: 5px 20px;
}
.custom-booking-btn:hover, .custom-booking-btn:active
{
    color: #f2f2f2;
}
.time-wrapper
{
    text-transform: lowercase;
}
.patient-details p
{
    margin-bottom: 1px;
}
.table.patient-table th, .table.patient-table td
{
    text-align: center;
    color: #FFF;
    padding: 1px 0; 
    border: none;
}
.table.patient-table
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
}
.patient-details h4
{
    color: #FFF;
    text-align: center;
}
.not-search-patient-wrapper a
{
    /*float: right;*/
    color: #FFF;
    text-decoration: underline;

}
#submit-booking-with-cc
{
    display: none;
}

@media (max-width: 425px)
{
    .common-booking-modal .modal-dialog
    {
        width: 95% !important;
    }
    /*.choose-time-container .choose-time-actions 
    {
        left : 2px;
        width: 105px;
        z-index: 2;
    }*/
}