#cal-000, #cal-010, #cal-020{
  position: relative;
  cursor: pointer;
  border-radius: 3px;
  padding: 0px 0 0px 0px!important;
  background: #fff;
  width: 100%;
  max-width: 90%;
  display:block;
  margin: 0 0 5px 0;
  border-left: 2px solid rgba(128,128,192,0.9);
  font-family: 'Didact Gothic', sans-serif;
}
#cal-001{
  position: relative;
  cursor: pointer;
  padding: 0px 0 0px 10px;
  background: #fff;
  width: auto;
  border-radius: 0px;
  border: 0px solid #ccc;
  max-width: auto;
  display:block;
  transition: 0.1s linear;
  border-left: 0px solid rgba(128,128,192,0.5);
  font-family: 'Didact Gothic', sans-serif;
}
#cal-001:hover{
  background: rgba(232,232,232,0.4);
}
#cal-003{
  width:98.2%;
  padding:4px 5px 4px 10px;
  top:36px;
  border-bottom: 0px solid rgb(255, 128, 0);
  background-image: linear-gradient(rgba(138,138,138,0.8), rgba(138,138,138,0.9));
}
li.custom-option{
  border-bottom: 1px solid rgba(255,255,255,0.2);
  margin:0px 2% 0px 4%;
  padding:5px 0 5px 6px;
  width:auto;
  color:#fff;
  height:auto;
  font-size: 18px;
  transition: 0.1s linear;
  border-radius: 0px;
  font-family: 'Didact Gothic', sans-serif;
}
li.custom-option:hover{
  background:rgba(199,199,199,0.3);
  border-radius:3px;
}
#cal-004{
  margin:0px!important;
  font-family: 'Didact Gothic', sans-serif;
  font-size: 19px;
}
.custom-select-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.custom-select {
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
    font-size: 16px;
	color:#fff!important;
}
.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
	width:100%;
	font-size: 16px;
	padding:5px 0 5px 0;
}
.custom-options {
    position: absolute;
    top: 100%;
    left: -7px;
    right: 0;
	height:auto;
	border: 0px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
	width: 98%;
    display: none;
    flex-direction: column;
	transition: background 0.3s ease;
	background:#fff;
}
.custom-select.open .custom-options {
    display: flex;
	width: 90%;
}
.product-selector h3{
  font-size:20px;
  padding:0 5% 10px 0;
}
#calories-buttons{
 margin: 6px 0 0 0;
}
#result{
 z-index:99;
 width:auto;
 margin:6px 0 0 0;
 font-size:18px;
 font-family: 'Didact Gothic', sans-serif;
}
#result p{
 font-size:18px;
 font-family: 'Didact Gothic', sans-serif;
}
#quantities{
 margin:8px 0 0 0;
 width:55%;
 padding:5px 0 5px 10px;
 border-left: 2px solid rgba(128,128,192,0.9);
}
#quantity{
 margin:-3px 0 0 0;
 width:80px;
}