/*PlaceOrderMDB*/
@font-face {
  font-family: BarlowSemiCondensed;
  src: url(/web/fonts/BarlowSemiCondensed-SemiBold.ttf);
}
/* UPDATES ALL FONTFAMILY FOR RELATED COMPONENTS IN MENUPLUSv2 */
body,
h1,h2,h3,h4,h5,h6, 
p, 
th, td, 
span, 
a, button, 
input, 
select, 
img, 
.custom-card-actions,
form .mdl-textfield__label,
.order_errors,
.v2-font {
  font-family: BarlowSemiCondensed !important;
}

.form-outline .form-control~.form-label {
    font-size: 16px;
}

.form-outline .form-control {
	font-size: 16px;
}

.list-group-item {
	padding:10px;
	font-size: 30px;
}

input[type=submit] {
	white-space: normal;
}

.button-label {
	font-size:24px;
}

.radio-button-label {
	font-size:20px;
}

.label20 {
	font-size:20px;
}

.black-font {
	color:black;
}

.padding20 {
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

.margin20{
	margin-left:20px;
	margin-bottom:50px;
}


.separator60 {
	height:60px;
}

.separator40 {
	height:40px;
}

.separator30 {
	height:30px;
}

.separator20{
	height:20px;
}

.title {
	font-size:30px;
	color:white;
}

#desktopBasket {
  position: fixed;
  bottom: 0px;
  right:0px;
  height:59px;
  z-index: 10;
  width: 33%;
  background-color: #fff;
  box-shadow: -1px 1px 6px 0px rgba(0,0,0,0.4);
}

.desktopBasketContent {
	width: 100%;
	text-align: center;
	margin-top:15px;
}

.container-fluid {
	padding:0px;
}

.row{
	--bs-gutter-x:0;
}

#completeOrderButton {
	width:80%;
	margin-top:50px;
	background-color: var(--cart-orderButtonBackgroundColor) !important;
    text-align: center;
	 border-radius: 20px;
    text-transform: uppercase;
    font-size: 20pt;
	color:black;
	white-space: normal !important;
	margin-bottom: 50px;
}

#deliveryDate, #deliveryTime{
	margin-top: 0px;
	margin-bottom: 0px;
}

.centerCell{
	margin:auto;
	width:90%;
	margin-top: var(--bs-gutter-y);
}

.was-validated .form-control:invalid, .was-validated .form-control:valid {
    margin-top: 1.5rem;
}

.formCheckDiv {
	height: 100px;
    position: relative;
    border: 3px solid black;
	border-radius: 100px;
}

.centerVertically{
	margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.was-validated :valid.form-check-input[type=checkbox]:checked:focus {
    background-color: black;
    border-color: black;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: black;
}

.was-validated :valid.form-check-input~.form-check-label {
    margin-bottom: 0px !important;
}

.form-check .form-check-input {
    margin-left: -10px;
}

.form-input{
	margin-bottom:0px;
}

.invalid-feedback {
	text-align:left;
    width:100%;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: black;
}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: black;
}

.label18 {
	font-size:18px;
}

.label16 {
	font-size:16px;
}

@media(max-width:768px) {
	#completeOrderButton {
		width:280px;
		font-size:16pt;
		margin-bottom: 20px;
	}
}

/* .row {
	--bs-gutter-x: 0px;
	margin-right: 0px;
} */

@media (max-width: 300px) {
	.entry-title h2{
	  font-size:20pt !important;
	}

	#completeOrderButton {
		width:100%;
		font-size:14pt;
	}	
}

#orderTable{
	color:black !important;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.2rem;
}