nav .logo img{
	max-width: 25px;
}

body{
	background: white;
}

#please_wait{
	display: none;
    z-index: 1100;
    background: #000000db;
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
}

#please_wait img{
    max-height: 120px;
    filter: contrast(150%) hue-rotate(120deg) hue-rotate(250deg);
}

.profile_picture{
    width: 80px;
    height: 80px;
}

.max_60_px{
    max-width: 60px;
}

/* .swal-button:focus,
.swal-button:active,
.swal-button:not([disabled]):hover,
.swal-button--confirm{
    background-color: #0d6efd;
    box-shadow: none;
} */

.food_list_image{
    height: 60px;
    width: 60px;
}

.hw_60_x_60{
    height: 60px;
    width: 60px;
}

.hw_80_x_80{
    height: 80px;
    width: 80px; 
}

.calendar ul {
    list-style: none;
}  
  
.calendar_days li {
    flex: 1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #7D8994;
    margin: 0 1px;
}

.calendar_dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
    text-align: center;
}

.calendar_dates li {
    height: 2rem;
    display: grid;
    place-items: center;
    font-weight: bold;
    position: relative;
}

.date_highlight{
	background-color:#f76c82!important;
	color: white!important;
}

.future_date_highlight{
    background-color:#959595!important;
	color: white!important;
}

.calendar .worked_out:after {
    content: "";
    border-bottom: 3px solid #1eff96;
    width: 60%;
    display: block;
    margin: 0;
    position: absolute;
    margin-top: 15px;
}

.calendar .token_day:after {
    border-bottom: 3px solid #fb0;
}

.calendar .future{
    color: #00000099;
}

/* .calendar #worked_out_form{
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    left: 0;
    padding: 4rem;
    margin-top: -40px;
    background: #000000bf;
} */

body *{
	border-radius: 0!important;
}

[style^=--rating]::after {
    content: "★★★★★";
    font-size: 2em;
    font-size:25px;
    white-space: nowrap;
    background: linear-gradient(90deg, #fb0 calc(var(--rating) * 20%), #ddd calc(var(--rating) * 20%));
    background-clip: text;
    -webkit-background-clip: text;
    color: #0000;
}