html,
body {
  height: 100%;
}

body {
  font-family: 'Quicksand', sans-serif;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--primary-color);
}

.sidebar-nutritional{
  min-width: 52px;
  max-width: 120px;
  width: 100%;
  filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.11));
  background-color: #ffffff;
  height: 100%;
  border-top-right-radius: 25px;
}

.main-nutritional{
  margin-left: 120px;
  padding: 20px;
  width: 100%;
}

.item-menu{
  margin: auto;
  margin-bottom: 20px;
}
.item-menu a {
  text-decoration: none!important;
}

.item-menu-head{
  border-radius: 6px;
  filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.16));
  background-color: #ebedfc;
  display: grid;
  padding: 0px 10px;
  width: 50%;
  margin: auto;
}

.item-menu-body{
  color: #6e6e6e;
  font-weight: 400;
  text-align: center;
  padding-top: 2px;
}

.icon-menu{
  background-repeat: no-repeat;
  max-height: 50px;
  background-position: center;
  background-size: 75%;
  height: 50px;
}

.icon-home{
  background-image: url("../img/Icon-home.svg");
  background-size: 100%;
}

.icon-user{
  background-image: url("../img/Icon-user.svg");
}

.icon-clipboard-list{
  background-image: url("../img/Icon-clipboard-list.svg");
}

.icon-spoon-fork{
  background-image: url("../img/Icon-spoon-fork.svg");
}

.icon-settings{
  background-image: url("../img/Icon-settings.svg");
}

.icon-google-drive{
  background-image: url("../img/icon-google-drive.svg");
}

.item-menu.active .item-menu-head{
  background-color: var(--primary-color);
}

.item-menu.active .item-menu-head .icon-home{
  background-image: url("../img/Icon-home-active.svg");
}

.item-menu.active .item-menu-head .icon-user{
  background-image: url("../img/Icon-user-active.svg");
}

.item-menu.active .item-menu-head .icon-clipboard-list{
  background-image: url("../img/Icon-clipboard-list-active.svg");
}

.item-menu.active .item-menu-head .icon-spoon-fork{
  background-image: url("../img/Icon-spoon-fork-active.svg");
}

.item-menu.active .item-menu-head .icon-settings{
  background-image: url("../img/Icon-settings-active.svg");
}

.breadcrumb-item a{
  color: #6c757d;
}

.breadcrumb-item.active{
  color: #007bff;
  font-weight: 700;
}

.breadcrumb{
  background-color: transparent;
}

.box-login{
  margin: auto;
  max-width: 673px;
  min-width: 250px;
  width: 100%;
  padding: 10px;
}

.box-login-body{
  border-radius: 10px;
  filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.16));
  padding: 50px;
  background-color: #ffffff;
}

.title-login {
  font-size: 45px;
  color: #4a4a4a;
  font-weight: 700;
  font-family: "Quicksand";
}

.btn {
  padding: 0.075rem 0.5rem;
}

.btn-success {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  font-weight: 700;
  font-size: 17px;
}

.btn-danger {
  background-color: #e92050;
  border-color: #e92050;
  font-weight: 700;
  font-size: 17px;
}

.btn-default-danger {
  background-color: #ffffff;
  color: #e92050!important;
  border-color: #e92050;
  font-weight: 700;
  font-size: 17px;
}

.btn-default-warning {
  background-color: #ffffff;
  color: #e97720!important;
  border-color: #e97720;
  font-weight: 700;
  font-size: 17px;
}

.btn-warning {
  background-color: #e97720;
  border-color: #e97720;
  font-weight: 700;
  font-size: 17px;
}

.btn-warning:hover {
    color: #212529;
    background-color: #9b5119;
    border-color: #9b5119;
}

.btn-primary {
  font-weight: 700;
  font-size: 17px;
}

.btn-default {
  color: #8d8d8d;
  font-weight: 700;
  font-size: 17px;
  border-bottom: solid 1px #8d8d8d;
}

.icon-lock {
  background-image: url("../img/Icon-lock.svg");
  background-size: 100%;
  width: 20px;
  height: 22px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.reset-password{
  font-size: 16px;
  color: #8e92a7!important;
  font-weight: 400;
  text-decoration: none!important;
}

.table-success, .table-success > th, .table-success > td {
  background-color:var(--primary-color)!important;
  font-weight:  700;
  color: white;
  border-radius: 0px;
}

.table-default, .table-default > th, .table-default > td {
  background-color: #8e92a7!important;
  font-weight:  700;
  color: white;
  border-radius: 0px;
}

.bg-gray {
  background-color: #d5d5d5;
}

/* custom CSS to select2 */
.select2-container {
    width: 100%!important;
}

.select2-selection {
    height: 37px!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    padding: 10px;
}