html {
	-webkit-overflow-scrolling: touch;
}
body {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

/*
body.modal-open { position: fixed; width: 100%; }
*/
/* .modal-dialog {
	margin: 0 0 0 0;
	max-width: 100%;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0;
	color: #333;
} */
.dropdown-item {
	white-space:normal !important;
}

.jumbotron {
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.jumbotron {
	margin-bottom: 5px;
}

#custom-nav.show>.dropdown-menu {
min-width:15rem !important;

}
#custom-nav.show>.dropdown-menu a:hover {
	background-color:#007bff;
	color:#ffffff;
	
	}
#custom-nav.show>.dropdown-menu {
	left: 50%;
	transform: translateX(-50%);
}

#custom-nav.dropdown-menu {
	margin-top: 0rem!important;
}

.card-footer-sm {
	padding: .25rem .75rem;
}

.btn-round {
padding: .4rem 2rem !important;
border-radius: 1.5rem !important;

}

.btn-white {
	background-color: #f9f9f9;
	color: #333;
}
.landscape {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	transform: rotate(90deg);
	}
#drop{
	border:2px dashed #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:25px;
	text-align:center;
	font:20pt bold,"Vollkorn";color:#bbb
}
.modal-content {
	border-radius: 0;
}
#productModal .modal-body {
padding:0;
}
@media all and (max-width:480px) {
	.btn-block-sm { width: 100%; display:block; }
 }

 .modal-full {
    min-width: 100%;
    margin: 0;
}
.productModal {
	padding-right:0px;
}
.modal-full .modal-content {
    min-height: 100vh;
}

#noticeModal .modal-body {
	padding:5px !important;

}
.modal {
padding-right:0px !important;
}
.modal-header {
	padding:15px !important;
}

#tblproducts.table td {
padding:3px;
}
.modal-body {
	padding:0px;
	flex:0;
}



.switch {
	font-size: 1rem;
	position: relative;
  }
  .switch input {
	position: absolute;
	height: 1px;
	width: 1px;
	background: none;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	padding: 0;
  }
  .switch input + label {
	position: relative;
	min-width: calc(calc(2.375rem * .8) * 2);
	border-radius: calc(2.375rem * .8);
	height: calc(2.375rem * .8);
	line-height: calc(2.375rem * .8);
	display: inline-block;
	cursor: pointer;
	outline: none;
	user-select: none;
	vertical-align: middle;
	text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
  }
  .switch input + label::before,
  .switch input + label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(calc(2.375rem * .8) * 2);
	bottom: 0;
	display: block;
  }
  .switch input + label::before {
	right: 0;
	background-color: #dee2e6;
	border-radius: calc(2.375rem * .8);
	transition: 0.2s all;
  }
  .switch input + label::after {
	top: 2px;
	left: 2px;
	width: calc(calc(2.375rem * .8) - calc(2px * 2));
	height: calc(calc(2.375rem * .8) - calc(2px * 2));
	border-radius: 50%;
	background-color: white;
	transition: 0.2s all;
  }
  .switch input:checked + label::before {
	background-color: #08d;
  }
  .switch input:checked + label::after {
	margin-left: calc(2.375rem * .8);
  }
  .switch input:focus + label::before {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
  }
  .switch input:disabled + label {
	color: #868e96;
	cursor: not-allowed;
  }
  .switch input:disabled + label::before {
	background-color: #e9ecef;
  }
  .switch.switch-sm {
	font-size: 0.875rem;
  }
  .switch.switch-sm input + label {
	min-width: calc(calc(1.9375rem * .8) * 2);
	height: calc(1.9375rem * .8);
	line-height: calc(1.9375rem * .8);
	text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
  }
  .switch.switch-sm input + label::before {
	width: calc(calc(1.9375rem * .8) * 2);
  }
  .switch.switch-sm input + label::after {
	width: calc(calc(1.9375rem * .8) - calc(2px * 2));
	height: calc(calc(1.9375rem * .8) - calc(2px * 2));
  }
  .switch.switch-sm input:checked + label::after {
	margin-left: calc(1.9375rem * .8);
  }
  .switch.switch-lg {
	font-size: 1.25rem;
  }
  .switch.switch-lg input + label {
	min-width: calc(calc(3rem * .8) * 2);
	height: calc(3rem * .8);
	line-height: calc(3rem * .8);
	text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
  }
  .switch.switch-lg input + label::before {
	width: calc(calc(3rem * .8) * 2);
  }
  .switch.switch-lg input + label::after {
	width: calc(calc(3rem * .8) - calc(2px * 2));
	height: calc(calc(3rem * .8) - calc(2px * 2));
  }
  .switch.switch-lg input:checked + label::after {
	margin-left: calc(3rem * .8);
  }
  .switch + .switch {
	margin-left: 1rem;
  }
	
	

  #desc_ctr {
	  font-style: italic;
	  font-size: 12dp;
  }

  .card-body {
	  padding: 0.5rem;
  }
  .card-title {
	margin-bottom: 0rem;
  }



  
  .sm-gutters > .col,
  .sm-gutters > [class*="col-"] {
	padding-right: 2px;
	padding-left: 2px;
	
	padding-bottom: 4px;
  }

  .card-img-top {
    width: 100%;
    height: 25vw;
    object-fit: cover;
}

#menuModal .modal-header{
	border:0px;
}

#menuModal .modal-body {
	
	padding-right: 5rem;
	padding-left: 5rem;
}

[data-toggle="collapse"] .fa:before {  
  content: "\f068";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f067";
}

#searchCard .card-header {
	padding:2px;
} 
#createCard .card-header {
	padding:2px;
} 
.table-xs th,
.table-xs td {
  padding: 0.1rem;
}

#ordercard .card-header {
	padding: .2rem .4rem;
}


.btn-order {
	padding: .5rem 1.5rem !important;
	border-radius: 1.5rem !important;
	
	}

	.btn-purple {
		color: #fff;
		background-color: #9200db;
		border-color: #9200db;
	}

	
.btn-refresh {
  color: #fff;
  background-color: #939faa;
  border-color: #939faa;
}

.btn-refresh:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.picker__list-item small{
	float: right;
}

.picker__list-item small .badge {
	font-size: 100%;
}

.picker__day--booked {
  position: relative;
}
.picker__day--booked:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.4em solid rgb(0, 185, 31);
  border-left: .4em solid transparent;
}



.custom-nav.show>.dropdown-menu {
	min-width:15rem !important;
	
	}
	.custom-nav.show>.dropdown-menu a:hover {
		background-color:#007bff;
		color:#ffffff;
		
		}
	.custom-nav.show>.dropdown-menu {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.custom-nav.dropdown-menu {
		margin-top: 0rem!important;
	}

	

	.table-borderless td, .table-borderless th {
		border: none;
	}

	#userTable_filter {
		text-align: left !important;
	}




/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}