html, body {
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  margin: 0px;
}

h3 {
  margin-top: 10px;
}

.recipes-title {
  clear: right;
}

.recipe-list {
  margin-top: 10px;
}

#recipe-grubs {
  width: 100%;
}

.recipe-add-grubs-btn {
  position: absolute;
  margin: 2px;
  right: 16px;
}

.hidden {
  display: none;
}

.leftmost-column {
  margin-bottom: 45px;
}

.grub-close {
  display: none;
}

tr:hover .grub-close {
  display: block;
}

#grub-list {
  margin-top: 10px;
  margin-bottom: 10px;
}

.add-grub-input-form .input-group-btn {
  width: 100%;
}

.grub-item {
  cursor: default;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.grub-item.grub-active {
  color: #ffffff;
  background-color: rgb(71, 73, 73);
}

.grub-item.edit {
  padding-right: 40px;
}

.grub-item .input-span {
  display: block;
  overflow: hidden;
}

.grub-item .grub-input {
  display: inline;
  width: 100%;
  border: none;
  outline: none;
  background: none;
}

.grub-item.edit .grub-input {
  margin-right: 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: lightgray;
}

.grub-item .glyphicon-remove {
  position: absolute;
  right: 14px;
  margin-top: 14px;
  color: #5c5c5c;
}

.grub-item .glyphicon-remove:hover, .grub-item .glyphicon-remove:focus, .grub-item .glyphicon-remove:active {
  color: #000000;
}

.completed {
  text-decoration: line-through;
  color: #a9a9a9;
  background: #f7f7f7;
}

.completed.edit {
  text-decoration: none;
  color: default;
}

.panel-body {
  padding: 10px;
  padding-top: 0px;
}

.panel-heading {
  background-color: #ffffff;
}

.recipe-panel {
  padding: 0px;
  margin-bottom: 0px;
}

.recipe-panel > .recipe-header {
  background-color: #ffffff;
}

.recipe-header {
  margin: 0px;
  padding: 0px;
  padding-right: 72px;
  border-bottom: none;
}

.recipe-header.edit {
  padding-right: 0px;
}

.recipe-header.new {
  padding-right: 0px;
}

.recipe-header-input {
  border: none;
  box-shadow: none;
  transition: none;
  border-bottom: none;
  display: inline;
  width: 100%;
}

.recipe-header-input[readonly] {
  background: white;
  cursor: default;
}

.recipe-header-input:focus {
  border: none;
  box-shadow: none;
  transition: none;
  outline: none;
}

.recipe-grubs-input {
  border: none;
  box-shadow: none;
  transition: none;
  border-bottom: none;
  resize: none;
}

.recipe-grubs-input[readonly] {
  background: white;
  cursor: default;
}

.recipe-grubs-input:focus {
  border: none;
  box-shadow: none;
  transition: none;
  border-bottom: none;
}