.select2_4_0_13 .select2-container {
  height: 40px; }
  .select2_4_0_13 .select2-container .select2-selection.select2-selection--single {
    height: 40px;
    line-height: 40px;
    border: 1px solid #44A12B;
    border-radius: 0; }
    .select2_4_0_13 .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
      line-height: 40px; }

table tr.columns-filters th {
  vertical-align: top;
  padding: 0;
  position: relative;
  height: 34px; }
  table tr.columns-filters th select, table tr.columns-filters th input {
    border: 0 !important; }
  table tr.columns-filters th input {
    margin: 0 !important;
    height: 32px !important; }
    table tr.columns-filters th input::placeholder {
      color: #aaa;
      font-weight: normal; }
  table tr.columns-filters th .select2-container {
    height: 32px; }
    table tr.columns-filters th .select2-container .select2-selection.select2-selection--single {
      border: 0;
      height: 32px;
      line-height: 32px; }
      table tr.columns-filters th .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
        line-height: 32px; }
  table tr.columns-filters th .select2-results__option {
    font-weight: normal;
    padding: 2px;
    font-size: 14px !important; }
  table tr.columns-filters th .select2-container--default .select2-results > .select2-results__options {
    max-height: 400px; }

.pagination-wrap1 {
  text-align: center; }
  .pagination-wrap1 .pagination {
    margin-top: 0;
    margin-bottom: 0; }
  .pagination-wrap1 .pagination > li > a, .pagination-wrap1 .pagination > li > span {
    padding: 4px 10px; }

.pagination-wrap2 {
  margin-bottom: 7px;
  text-align: center; }

.flex-cols {
  display: flex;
  width: 100%;
  justify-content: space-between; }
  .flex-cols > .flex-fit-content {
    flex: 0 1 auto; }
  .flex-cols > * {
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0; }

.file-upload-form > .row {
  width: 50vw;
  padding: 0 70px 0 15px;
  margin-top: 15px;
  display: flex; }
  .file-upload-form > .row .c1-2 {
    flex-grow: 1; }
  .file-upload-form > .row .c2-2 {
    margin-left: 20px; }
  .file-upload-form > .row .c1-1 {
    flex-grow: 1; }
  .file-upload-form > .row .form-group {
    width: 100%;
    margin-bottom: 5px; }
  .file-upload-form > .row select {
    display: inline-block !important;
    width: auto;
    padding-right: 20px;
    height: 31px;
    margin-bottom: 0; }

.file-upload-form .col-form-label {
  padding-top: 4px; }

.landing-page {
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-name: fade-in; }
  .landing-page.hidden, .landing-page.fade {
    animation-name: fade-out; }
  .landing-page.instant,
  .landing-page .instant {
    animation-duration: initial; }
  .landing-page .grid {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    width: 100%;
    height: 100%; }
    @media (max-width: 1023px) {
      .landing-page .grid {
        grid-template-columns: 1fr; } }
    .landing-page .grid .col {
      position: relative;
      margin-top: 2.3em; }
      .landing-page .grid .col:nth-child(1) {
        text-align: right;
        width: 35vw;
        max-width: 764px; }
        @media (max-width: 1023px) {
          .landing-page .grid .col:nth-child(1) {
            display: none; } }
      .landing-page .grid .col:nth-child(2) {
        min-width: 65vw; }
        @media (max-width: 1023px) {
          .landing-page .grid .col:nth-child(2) {
            min-width: 0;
              min-width-width: 90%; } }
      .landing-page .grid .col:nth-child(3) {
        text-align: right;
        margin-right: 3.5em;
        max-width: 20vw;
        position: absolute;
        right: 0;
        top: 0; }
        @media (max-width: 1023px) {
          .landing-page .grid .col:nth-child(3) {
            max-width: 20vw; } }
  .landing-page .header-image {
    background-color: #ffcc00;
    box-shadow: -36px 36px 0 #ffcc00;
    display: inline-block;
    height: 93vh;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 1; }
    .landing-page .header-image img {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      width: 100%;
      animation-duration: 0.3s;
      animation-fill-mode: both;
      animation-timing-function: linear;
      animation-name: fade-out; }
      .landing-page .header-image img.instant {
        animation-duration: initial; }
      .landing-page .header-image img.active {
        animation-name: fade-in; }
  .landing-page .digi-logo-link {
    display: block;
    margin: 0 0 0 4.25em; }
  .landing-page .digi-logo {
    width: 30vw; }
  .landing-page .container {
    width: 1920px;
    padding: 0;
    position: relative; }
  .landing-page .nav {
    margin: 5.4em 0 0 0;
    max-width: 838px; }
    @media (max-width: 1023px) {
      .landing-page .nav {
        min-width: 36.75vw; } }
    @media (min-width: 1921px) {
      .landing-page .nav {
        max-width: 50vw; } }
  .landing-page .nav > li {
    background-color: #ffcc00;
    box-shadow: 0 7px 7px #d9dad9;
    clear: both;
    cursor: pointer;
    display: block;
    float: none;
    font-weight: bold;
    height: 71px;
    margin-bottom: 8.1vh;
    min-width: 25.7vw;
    position: relative;
    width: 0;
    transition-property: width;
    transition-duration: 0.3s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
    @media (max-width: 1919px) {
      .landing-page .nav > li {
        min-width: 35vw; } }
    @media (max-width: 1024px) {
      .landing-page .nav > li {
        min-width: 50vw; } }
    @media (max-width: 767px) {
      .landing-page .nav > li {
        min-width: 90%; } }
    .landing-page .nav > li:nth-child(2) {
      background-color: #757e7e; }
      .landing-page .nav > li:nth-child(2) nav > a {
        color: #757e7e; }
    .landing-page .nav > li:nth-child(3) {
      background-color: #981c2d; }
      .landing-page .nav > li:nth-child(3) nav > a {
        color: #981c2d; }
    .landing-page .nav > li:nth-child(4) nav, .landing-page .nav > li:nth-child(5) nav {
      box-shadow: 0 -1px 6px #d9dad9;
      top: initial;
      bottom: 100%; }
    .landing-page .nav > li:nth-child(4) {
      background-color: #38393c; }
      .landing-page .nav > li:nth-child(4) nav > a {
        color: #38393c; }
    .landing-page .nav > li:nth-child(5) {
      background-color: #1c4f39; }
      .landing-page .nav > li:nth-child(5) nav > a {
        color: #1c4f39; }
    .landing-page .nav > li > a {
      color: #fff;
      animation-name: none;
      display: block;
      font-size: 250%;
      line-height: 1.8em;
      width: 0;
      position: absolute;
      left: 1.55em;
      top: 0;
      right: 95%;
      white-space: nowrap;
      text-align: right;
      transition-property: right, left, width;
      transition-duration: 0.3s;
      transition-delay: 0.1s;
      transition-timing-function: linear; }
      .landing-page .nav > li > a:hover, .landing-page .nav > li > a:focus {
        color: #fff; }
    .landing-page .nav > li.active {
      width: 100%; }
      .landing-page .nav > li.active > a {
        right: 1.55em;
        left: 0;
        width: 95%; }
        .landing-page .nav > li.active > a + nav {
          display: block;
          animation-name: fade-in; }
    .landing-page .nav > li ul > li {
      padding-left: 2em;
      font-size: 80%;
      line-height: 100%; }
  .landing-page nav {
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0 7px 6px #d9dad9;
    min-width: 15.75vw;
    background-color: #fff;
    padding-top: 2.5em;
    padding-bottom: 1em;
    opacity: 0;
    display: none;
    z-index: 1;
    animation-duration: 0.3s;
    animation-delay: 0.4s;
    animation-fill-mode: both;
    animation-timing-function: linear; }
    @media (max-width: 1919px) {
      .landing-page nav {
        min-width: 300px; } }
    .landing-page nav a {
      display: block;
      padding: 0 0 1em 2.5em;
      font-weight: 400;
      font-size: 125%;
      color: #ffcc00; }
      .landing-page nav a.active {
        font-weight: bold; }
      .landing-page nav a:hover {
        animation-name: none; }
  .landing-page .logged-in-as {
    margin-top: 1.75em;
    margin-left: 3.5em;
    font-size: 125%;
    font-style: normal;
    color: #818a89;
    position: absolute;
    bottom: 1.5em; }
  .landing-page .kd-logo {
    width: 9.5vw; }
  .landing-page .support {
    position: absolute;
    right: 0;
    text-align: right;
    font-size: 125%;
    margin: 0 0 1.75em 0;
    width: 10vw;
    bottom: 0;
    line-height: 137%; }
    .landing-page .support img {
      border-radius: 50%;
      width: 6vw;
      margin-bottom: 1em; }
    .landing-page .support strong {
      color: #44a12b;
      display: block; }
    .landing-page .support a {
      color: #000; }
  .landing-page a {
    text-decoration: none; }
  .landing-page sub {
    bottom: -0.5em;
    font-size: 50%; }

@keyframes menu-slide-right {
  0% {
    width: 25.7vw; }
  100% {
    width: 100%; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes first-link {
  0% {
    background-color: inherit; }
  100% {
    background-color: #ffcc00; } }

@keyframes second-link {
  0% {
    background-color: inherit; }
  100% {
    background-color: #757e7e; } }

.mps-head input[type=text] {
  width: 230px !important;
  height: 34px !important;
  margin-bottom: 0 !important;
  border: 1px solid #A4A4A4 !important;
  border-radius: 2px !important;
  display: inline-block !important; }

.mps-tables .table1 {
  float: right; }

.mps-tables .table1 th {
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 0; }
  .mps-tables .table1 th:not(:last-child) {
    border-right: 1px solid #bbb; }

.mps-tables .table1 tr:hover td {
  background: #e8e8e8; }

.mps-tables .fertilizer_qty {
  color: #833; }

.mps-tables .nothing-found td {
  text-align: center;
  padding: 25px 0;
  font-weight: bold; }

select.select2 {
  width: auto !important;
  display: inline-block !important;
  padding-right: 30px !important;
  background-position: right 10px center !important; }

.loading-status1 {
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  color: #44A12B; }

#recipes-calc input[type=text] {
  height: 28px; }

#recipes-calc .popover-point1 {
  position: fixed;
  right: 0;
  bottom: 0; }

#recipes-calc select {
  visibility: hidden; }

#recipes-calc .select2-parent {
  position: relative; }
  #recipes-calc .select2-parent.recipe .select2-container--open {
    z-index: 10000; }
    #recipes-calc .select2-parent.recipe .select2-container--open .select2-results__options {
      max-height: 400px !important; }

#recipes-calc .select2-search--dropdown .select2-search__field {
  height: auto; }

#recipes-calc .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #44A12B; }

#recipes-calc .select2-dropdown {
  position: relative;
  z-index: 0;
  border: 1px solid #44A12B;
  min-width: 150px; }

#recipes-calc .select2-selection {
  font-size: 13px; }

#recipes-calc .select2-results__option {
  padding: 2px;
  font-size: 14px !important; }

#recipes-calc .select2-container--disabled + .select2-container--open {
  background: red; }

#recipes-calc .select2-container--default .select2-selection--single {
  border-color: #44A12B; }

.recipes-calc-head .waiting-animation {
  display: inline-block;
  margin-right: 14px;
  visibility: hidden; }

.recipes-calc-head .placed-details-print {
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
  user-select: none;
  user-drag: none;
  app-region: no-drag; }

#t2 {
  table-layout: fixed; }
  #t2 > thead > tr > td:nth-child(1) {
    width: 20%; }
  #t2 > thead > tr > td:nth-child(2) {
    width: 50%; }

#t1 input[type=text] {
  width: auto;
  height: auto;
  margin-bottom: 0;
  border-color: #aba; }
  #t1 input[type=text].number {
    padding: 5px 10px; }
  #t1 input[type=text].warning, #t1 input[type=text].warning:focus {
    border-color: red;
    outline-color: red; }

#t1 input[type=search] {
  height: auto; }

#t1 td, #t1 th {
  vertical-align: middle;
  padding: 3px 5px;
  word-wrap: normal; }

#t1 td.warning {
  color: red; }

#t1 th.unit, #t1 th.share, #t1 th.alt-share {
  width: 10px;
  word-wrap: normal; }

#t1 td.alt-share input {
  width: 130px; }

#t1 td.name {
  padding: 0;
  vertical-align: top;
  position: relative; }
  #t1 td.name > div {
    display: flex;
    margin-top: 10px;
    margin-bottom: 6px;
    margin-left: 5px;
    align-items: center;
    justify-content: space-between; }
    #t1 td.name > div span:nth-child(2) {
      height: 100%; }
      #t1 td.name > div span:nth-child(2) > a {
        padding: 0 14px;
        display: flex;
        height: 100%;
        align-items: center;
        text-decoration: none;
        color: black; }
        #t1 td.name > div span:nth-child(2) > a:hover {
          color: #DF4417; }
        #t1 td.name > div span:nth-child(2) > a > * {
          font-size: 20px;
          align-items: center; }

.row1 {
  vertical-align: top;
  display: flex; }

.cells-group {
  margin-right: 15px;
  display: flex;
  vertical-align: top; }

.cell {
  margin-right: 10px;
  margin-bottom: 25px; }
  .cell.loader-cell {
    margin-left: 20px;
    margin-top: 26px;
    display: flex;
    align-items: center; }
  .cell.messages1 {
    align-self: center; }
  .cell.add-component {
    min-width: 150px; }
    .cell.add-component .select2-dropdown {
      margin-left: -100px !important;
      margin-right: 1px !important; }
    .cell.add-component .select2-container {
      min-width: 200px; }
    .cell.add-component .select2-container--open {
      z-index: 10000; }
      .cell.add-component .select2-container--open .select2-results__options {
        min-height: 300px !important; }
        .cell.add-component .select2-container--open .select2-results__options li.select2-results__option {
          font-size: 13px !important; }

tr.additional-component:nth-child(odd) > td {
  background: #fff4e0; }

tr.additional-component:nth-child(even) > td {
  background: #fff7e8; }

tr.additional-component:hover > td {
  background: #f8eedc; }

tr.totals {
  background: none; }

td.totals {
  background: #eee;
  font-weight: bold; }

td.totals2 {
  background: none;
  font-weight: bold; }

.recipe-parameters-output {
  margin-bottom: 30px;
  font-size: 14px; }
  .recipe-parameters-output > table.params {
    width: 100%; }
    .recipe-parameters-output > table.params > tbody > tr > td {
      vertical-align: top; }
    .recipe-parameters-output > table.params table td {
      padding: 2px; }
    .recipe-parameters-output > table.params table.params1 {
      width: 100%; }
  .recipe-parameters-output .cols-a {
    display: flex; }
    .recipe-parameters-output .cols-a > * {
      flex-grow: 1;
        flex-grow-flex-basis: 0; }
  .recipe-parameters-output .t-label {
    font-weight: bold; }

.tippy-box[data-theme~='error'] {
  color: white;
  background-color: red;
  font-weight: bold;
  cursor: pointer; }
  .tippy-box[data-theme~='error'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: red; }
  .tippy-box[data-theme~='error'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: red; }
  .tippy-box[data-theme~='error'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: red; }
  .tippy-box[data-theme~='error'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: red; }
  .tippy-box[data-theme~='error'][data-placement^='top'] > .tippy-arrow::before {
    transform: translate(-60px); }

.tippy-box[data-theme~='error2'] {
  color: white;
  background-color: red;
  font-weight: bold;
  cursor: pointer; }
  .tippy-box[data-theme~='error2'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: red; }
  .tippy-box[data-theme~='error2'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: red; }
  .tippy-box[data-theme~='error2'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: red; }
  .tippy-box[data-theme~='error2'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: red; }

.floating-panel1 {
  position: fixed;
  right: 20px;
  bottom: 50px;
  padding: 3px 10px;
  color: white;
  font-weight: bold;
  background: #000080;
  border-radius: 6px;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-app-region: no-drag;
  user-select: none;
  user-drag: none;
  app-region: no-drag;
  cursor: pointer;
  z-index: 9999;
  display: none; }

.table-editable td.editable.view {
  cursor: pointer; }

.table-editable td.editable.view:hover {
  background: #e8e8e8; }

.table-editable td.editable .datepicker {
  width: 90px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.table-editable td.editable.edit {
  padding: 0;
  position: relative; }
  .table-editable td.editable.edit > .cell-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
  .table-editable td.editable.edit .select2-container {
    height: 100%;
    max-height: 33px; }
    .table-editable td.editable.edit .select2-container .select2-selection.select2-selection--single {
      height: 100%;
      line-height: 100%;
      border: 1px solid #44A12B;
      border-radius: 0; }
      .table-editable td.editable.edit .select2-container .select2-selection.select2-selection--single .select2-selection__arrow {
        height: auto;
        bottom: 0; }
  .table-editable td.editable.edit input[type="text"] {
    margin: 0;
    width: 100%;
    height: 100%;
    max-height: 33px;
    padding: 0 6px;
    border: 1px solid #44A12B; }

.table-edit-select2-dropdown .select2-results__option {
  padding: 3px; }

#recipes-search1 #components1 .btn-delete {
  visibility: hidden; }

#recipes-search1 #components1 tbody > tr:hover .btn-delete {
  visibility: visible; }

.datatable .table-above .arrow-down {
  width: 8px;
  color: #333;
  margin-left: 2px;
  position: relative;
  top: 1px; }

.datatable .table-above .arrow-up {
  width: 8px;
  color: #333;
  margin-left: 2px;
  position: relative;
  top: 1px;
  top: 0px;
  transform: rotate(180deg); }

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