body {
    height:100%;
    font-optical-sizing: auto;
}

html {
	width: 100%;
    min-height:100%;
}

header {
    background-color: #BC8F8F;
    height: 85px;
    box-shadow: 0px 0px 4px 0px #000000;
}

.login-header {
    background-color: #BC8F8F;
}

.img-max {
  max-width: 200px;
  width:100%;
}

.fixedblockbottom {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    z-index: 1000;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(0, 0, 0, 0.12);
}

.fixedblocktop {
    position: fixed;
    right: 20px;
    bottom: 125px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    z-index: 1001;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(0, 0, 0, 0.12);
}

.fixedblockbottom img {
    width: 90px;
    height: 60px;
    margin-top: 10px;
}

.fixedblocktop img {
    width: 86px;
    height: 53px;
    margin-top: 17px;
}

#name_header {
    font-weight: bold;
}

#parts_header {
    font-size: 14pt;
}

#profile_info {
    cursor: pointer;
}

#parts_card {
    position: absolute;
    right: 15px;
    top: 8px;
    background-color: #f0f8ff;
    border: 2px solid #000000;
    padding: 5px 15px 5px 15px;
}

#daily_food_list {
    white-space: nowrap;
    overflow: hidden;
}

.food-list-item {
    cursor: pointer;
}

.badge-1 {
    background-color: #6BC067 !important;
}

.badge-2 {
    background-color: #91CC8A !important;
}

.badge-3 {
    background-color: #B4DBAE !important;
}

.badge-4 {
    background-color: #FAF7B6 !important;
}

.badge-5 {
    background-color: #F7F069 !important;
}

.badge-6 {
    background-color: #FDCD8A !important;
}