/*##############################################################################
## Media Queries                                                               #
##############################################################################*/
/*##############################################################################
## Scrollbars                                                                  #
##############################################################################*/
.dd_scrollbar, .ajax_nutrition .cont {
  -webkit-overflow-scrolling: touch; }
  .dd_scrollbar::-webkit-scrollbar, .ajax_nutrition .cont::-webkit-scrollbar {
    width: 12px;
    height: 12px; }
  .dd_scrollbar::-webkit-scrollbar-button, .ajax_nutrition .cont::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .dd_scrollbar::-webkit-scrollbar-thumb, .ajax_nutrition .cont::-webkit-scrollbar-thumb {
    background: #ce4230;
    border: 100px none #ce4230;
    border-radius: 0px; }
  .dd_scrollbar::-webkit-scrollbar-thumb:hover, .ajax_nutrition .cont::-webkit-scrollbar-thumb:hover {
    background: #ce4230; }
  .dd_scrollbar::-webkit-scrollbar-thumb:active, .ajax_nutrition .cont::-webkit-scrollbar-thumb:active {
    background: #ce4230; }
  .dd_scrollbar::-webkit-scrollbar-track, .ajax_nutrition .cont::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border: 100px none #ce4230;
    border-radius: 0px; }
  .dd_scrollbar::-webkit-scrollbar-track:hover, .ajax_nutrition .cont::-webkit-scrollbar-track:hover {
    background: rgba(0, 0, 0, 0); }
  .dd_scrollbar::-webkit-scrollbar-track:active, .ajax_nutrition .cont::-webkit-scrollbar-track:active {
    background: rgba(0, 0, 0, 0); }
  .dd_scrollbar::-webkit-scrollbar-corner, .ajax_nutrition .cont::-webkit-scrollbar-corner {
    background: transparent; }

body.body_lock {
  overflow: hidden !important;
  width: 100vw !important;
  height: 100vh !important; }

.ajax_nutrition {
  position: fixed;
  z-index: 999999999999999999999999999999999999999999999999999999;
  background: rgba(255, 255, 255, 0.99);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0; }
  .ajax_nutrition .cont {
    position: relative;
    top: 0;
    width: calc(100vw - (12px));
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll; }
  .ajax_nutrition button.close_nutrition_window {
    margin-left: auto;
    display: block;
    padding: 16px 24px;
    font-size: 1.0rem;
    width: 100%;
    text-align: right;
    background: black; }
  .ajax_nutrition .nutrition_chart li {
    display: flex;
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    display: grid;
    height: calc(24px*1.24); }
    @media only screen and (max-width: 1024px) {
      .ajax_nutrition .nutrition_chart li {
        min-height: calc(24px*1.24);
        height: auto; } }
    .ajax_nutrition .nutrition_chart li ul {
      display: grid;
      height: 100%; }
      @media only screen and (max-width: 600px) {
        .ajax_nutrition .nutrition_chart li ul {
          border-top: solid 1px rgba(0, 0, 0, 0.1); } }
      .ajax_nutrition .nutrition_chart li ul li {
        justify-content: center;
        font-size: 1.2rem;
        border-left: solid 1px rgba(0, 0, 0, 0.1);
        border-bottom: none;
        height: 100%; }
        @media only screen and (max-width: 1024px) {
          .ajax_nutrition .nutrition_chart li ul li {
            font-size: 0.94rem; } }
        .ajax_nutrition .nutrition_chart li ul li:last-child {
          border-right: solid 1px rgba(0, 0, 0, 0.1); }
    .ajax_nutrition .nutrition_chart li.section {
      grid-template-columns: 1fr;
      font-weight: 600;
      background: #3f3730;
      color: white;
      font-size: 1.54rem;
      padding-left: calc(24px/2); }
    .ajax_nutrition .nutrition_chart li.item {
      grid-template-columns: 400px 1fr; }
      @media only screen and (max-width: 1268px) {
        .ajax_nutrition .nutrition_chart li.item {
          grid-template-columns: 300px 1fr; } }
      @media only screen and (max-width: 1024px) {
        .ajax_nutrition .nutrition_chart li.item {
          grid-template-columns: 200px 1fr; } }
      @media only screen and (max-width: 760px) {
        .ajax_nutrition .nutrition_chart li.item {
          grid-template-columns: 100px 1fr; } }
      @media only screen and (max-width: 600px) {
        .ajax_nutrition .nutrition_chart li.item {
          grid-template-columns: 1fr; } }
      .ajax_nutrition .nutrition_chart li.item span {
        font-size: 1.4rem;
        padding-left: calc(24px/2); }
        @media only screen and (max-width: 1024px) {
          .ajax_nutrition .nutrition_chart li.item span {
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 1.2rem; } }
        @media only screen and (max-width: 600px) {
          .ajax_nutrition .nutrition_chart li.item span {
            height: calc(24px*2); } }
        @media only screen and (max-width: 600px) {
          .ajax_nutrition .nutrition_chart li.item span {
            display: flex;
            align-items: center;
            background: rgba(0, 0, 0, 0.14);
            height: calc(24px*1.2); } }
      .ajax_nutrition .nutrition_chart li.item:hover {
        background: rgba(0, 0, 0, 0.14); }
        @media only screen and (max-width: 600px) {
          .ajax_nutrition .nutrition_chart li.item:hover {
            background: none; } }
      .ajax_nutrition .nutrition_chart li.item.cat_header {
        font-weight: 600;
        position: sticky;
        top: 0;
        background: white;
        border-bottom: solid 2px #3f3730;
        text-transform: uppercase;
        height: calc(24px*1.56); }
        @media only screen and (max-width: 600px) {
          .ajax_nutrition .nutrition_chart li.item.cat_header {
            height: auto; } }
        @media only screen and (max-width: 1024px) {
          .ajax_nutrition .nutrition_chart li.item.cat_header ul li {
            font-size: 0.88rem; } }
        @media only screen and (max-width: 600px) {
          .ajax_nutrition .nutrition_chart li.item.cat_header ul li {
            font-size: 0.64rem;
            text-align: center; } }
  .ajax_nutrition .nutrition_chart.nutrition li ul {
    grid-template-columns: repeat(11, 1fr); }
  .ajax_nutrition .nutrition_chart.allergy li ul {
    grid-template-columns: repeat(9, 1fr); }

#csv_form_cont {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  #csv_form_cont #csv_form {
    max-width: 400px;
    margin: 0;
    display: grid;
    grid-gap: 24px;
    font-family: 'Open Sans', sans-serif; }
    #csv_form_cont #csv_form #section_1 {
      display: grid;
      grid-gap: 24px; }
      #csv_form_cont #csv_form #section_1 label span.form_label {
        display: block;
        margin-bottom: 6px;
        font-size: 0.88rem;
        font-weight: 600; }
      #csv_form_cont #csv_form #section_1 label.attached_csv {
        border: solid 1px rgba(0, 0, 0, 0.1);
        padding: 24px;
        border-radius: 4px; }
      #csv_form_cont #csv_form #section_1 label.choose_type select {
        width: 100%;
        padding: 12px; }
    #csv_form_cont #csv_form button {
      padding: 24px; }

/*# sourceMappingURL=nutrition.css.map */