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

body,html {
    height: 100%;
}

body{
	font-family: 'Muli', sans-serif;
	font-size:19px;
	color:#333;
	background-color:#fff;
}

label{
	margin-top:20px;
	display:block;
}

label.btn-secondary{
	margin-top:0px;
}

.full-height{
	height:100%;
}

.container-min{
	margin:0px 30px 0px 30px;
}

.pad{
	padding: 20px;
	background-color: #F5F5F5;	
}

.pad-static{
	margin-bottom:30px;
}

.pad-sticky{
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
	background-color: #e3e3e3;
}

.time-row{
	background-color:#EEEEEE;
	border-bottom:1px solid #E3E3E3;
	color:#111;
	padding:10px;
	margin-bottom:32px;
}

button.ui-datepicker-current { display: none; }

.nav-pills .nav-link {
	background-color: #efefef;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #28A745;	
}

table{
	font-size:14px;
}

table {
  border-spacing: 1px;
  border-collapse: collapse;  
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table * {
  position: relative;
}
table td, table th {
  padding-left: 8px;
}
table thead tr {
  height: 60px;
  background: #555;
  color:#fff;
}
table tbody tr {
  height: 50px;
}
table tbody tr.odd {
	background-color: #F1F1F1;
}
table tbody tr.landed {
	background-color: #BBFFCA;
}
table tbody tr.waiting {
	background-color: #FFFA28;
}
table tbody tr:last-child {
  border: 0;
}
table td, table th {
  text-align: left;
}

.booking-pending-data{
	font-size:15px;
}

.booking-pending-data span{
	font-size:13px;
}

.booking-pending-item{
	padding:8px 6px 6px 6px;
	margin-bottom:6px;
	border-bottom: 1px dotted #E3E3E3;
	background-color:#fff;
}

.booking-pending-data.booking-deleted{
	text-decoration: line-through;
	color:#777;
}

.table{
	text-align:center;
	width:64px;
	height:60px;
	line-height: 60px;
	background-color:#FCFFBB;
	border:1px solid #DEBC00;
	color:#111;
	cursor:pointer;	
}

.tablesel{
	background-color:#EE9029;
	border:1px solid #EE9029;
	color:#111;
}

.weekDay{
	text-align:center;	
	line-height: 60px;
	background-color:#FCFFBB;
	border:1px solid #DEBC00;
	color:#111;
	cursor:pointer;	
	margin-bottom:15px;
	font-size:17px;
}

.weekDaysel{
	background-color:#EE9029;
	border:1px solid #EE9029;
	color:#111;
}

.turn{
	text-align:center;	
	line-height: 60px;
	background-color:#FCFFBB;
	border:1px solid #DEBC00;
	color:#111;
	cursor:pointer;	
	margin-bottom:15px;
	font-size:17px;
}

.turnsel{
	background-color:#EE9029;
	border:1px solid #EE9029;
	color:#111;
}

.limitTime{
	line-height:38px;
	padding:4px 12px 4px 12px;
	background-color:#FCFFBB;
	border:1px solid #DEBC00;
	cursor:pointer;
	text-align:center;
	margin-bottom:15px;	
	color:#111;
	width:110px;
}

.limitTimeActive{
	background-color:#EE9029;
	border:1px solid #EE9029;
	color:#111;
}

.notifyWrapper{
	position:relative;
	float:none;display:inline;
}

.pendingNotify{
	position:absolute;
	top:-15px;
	right:0px;
	font-size:11px;
	font-weight:600;
	background-color:#DD0000;
	padding:3px 8px 3px 8px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.btn-set-date{
	cursor:pointer;
}

.dropdown-item .btn-set-date, .dropdown-menu{
	font-size:20px;
}

.customer-notes{
	color:#0000DD;
	cursor:pointer;
}


.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }

.xdebug-error{
	position:relative;
	z-index:999999999;
	top:10px;
	left:10px;
}

.vertical-center{
	min-height: 100%; 
	min-height: 100vh; 
	display: flex;
	align-items: center;
}

/* spinners */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* :not(:required) hides this rule from IE9 and below */
.spinner:not(:required) {
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
  display: inline-block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin: 1.5em;
  overflow: hidden;
  text-indent: 100%;
}


.mini-logo{
	width:187px;
}

.card{
	border:0px;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	background-color:#f3f3f3;
	-webkit-box-shadow: 0px 12px 20px -7px rgba(84,84,84,1);
-moz-box-shadow: 0px 12px 20px -7px rgba(84,84,84,1);
box-shadow: 0px 12px 20px -7px rgba(84,84,84,1);
}

body.modal-open {
    overflow: scroll;
}

.bookingPepoleNumbers{
	display:flex;
	justify-content: center;
	align-items: center;
}
.bookingPepoleNumbers img{
	margin-right:3px;
}

#thanksMsg{
	height:136px;
}