@import url(https://fonts.googleapis.com/css?family=Nunito);

body, html { height: 100%;  width: 100%; }
body { background-color: #E8E9EE; }
.navbar, .col-sidebar { background-color: #fff; }

h5.card-title .btn-transparent,
.modal-error h5 .btn-transparent,
.modal-success h5 .btn-transparent { background: inherit; padding: 0px; font-size: 18pt; margin-top: -10px; margin-right: -10px; }

.navbar-brand img { display: inline-block; width: 200px; height: 37px; }

.row .card { margin-top: 20px; }

.card .card-header { font-size: 12pt; font-weight: bold; }

.cancel-booking, .send-booking { margin: 40px auto; display: block; width: 140px; font-weight: bold; }
.processing-booking { margin: 40px auto; display: block; }
.cancel-booking { width: 200px; }

table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px !important; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#A8C5F3; padding:2px 4px; font-weight:bold; float:right; margin:-5px -5px 0 0; width:40px; text-align:center; }
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
div.calendar-day { min-height: 80px; }

.date-start, .date-end {
	display: block !important;
	height: 280px !important;
}

.spacer { margin-top: 20px; }

@media only screen and (min-width: 1201px) {
	.datepicker .table-condensed {
    	width: 232px;
	}
}

.booking-confirmed-checkmark { color: green; }
.booking-denied-times { color: red; }
.btn-show-calendar { margin-top: 32px; }
.booking-info { color: grey; }
.booking .badge { display: inline-block; position: relative; top: -2px; margin-left: 4px; }

.date_confirmed, .date_color_box.date_confirmed { background-color: #FF7C7C !important; color: #000 !important; }
.date_booking, .date_color_box.date_booking { background-color: #bbb !important;  color: #000 !important; }
.date_color_box { height: 12px; width: 12px; display: inline-block; border: 1px solid #000; position: relative; top: 8px; }
.date_color_box_no_border { border: 0; top: 0; }
.date_confirmed, .date_booking { border: 1px solid #444 !important; border-radius: 0 !important; }

.date_confirmed.first_booking_day {
  background: linear-gradient(180deg, #fff 50%, #FF7C7C 50%) !important;
}
.date_confirmed.last_booking_day {
  background: linear-gradient(180deg, #FF7C7C 50%, #fff 50%) !important;
}

.date_booking.first_booking_day {
  background: linear-gradient(180deg, #fff 50%, #bbb 50%) !important;
}
.date_booking.last_booking_day {
  background: linear-gradient(180deg, #bbb 50%, #fff 50%) !important;
}

.date_confirmed_booked {
	  background: linear-gradient(180deg, #bbb 50%, #FF7C7C 50%);
	  border-radius: 0 !important;
	  border: 1px solid #444 !important;
}

.date_confirmed_bookrequest {
	  background: linear-gradient(180deg, #FF7C7C 50%, #bbb 50%) !important;
	  border-radius: 0 !important;
	  border: 1px solid #444 !important;
	  color: #000 !important;
}

.date_confirmed.half_redgrey {
	background: linear-gradient(180deg, #FF7C7C 50%, #bbb 50%) !important;
}

.active.day,
.active.day.date_confirmed.first_booking_day,
.active.day.date_confirmed.last_booking_day {
	border-radius: 0 !important;
	background: none !important;
	background-color: #1C2DDA !important;
	color: #fff !important;
}

.modal-booking .modal-footer { display: block; }
.modal-booking .modal-footer .col-footer:first-child .btn { display: block; float: left; }
.modal-booking .modal-footer .col-footer:last-child .btn { display: block; float: right; }
.modal-booking .modal-footer .col-footer:nth-child(2) .btn { display: block; margin: 0 auto; }

.card.success_message { display: block; margin: 20px auto; background: none; border: 0; }
.booking_email { display: inline-block; width: 300px; height: 30px; padding: 2px 10px; }
.btn-save-email { display: inline-block; margin-top: -4px; }

.booking-not-payed { color: orange; }
.calendar-icons { margin-left: 20px; font-size: 10pt !important;  margin-bottom: 40px; }