.main-content {
  padding-top: 120px;
  min-height: calc(100vh - 70px);
  margin-bottom: 50px;
}

td.more {
  width: 70px;
}
/*Tehnolog*/
.edit-meals-list {
  list-style: none;
  display: inline-block;
  width: 100%;
  padding: 0;
}

  .edit-meals-list li.add {
    cursor: pointer;
  }

/* Meals */

.fullwidthbanner {
  margin-top: 80px;
  margin-bottom: 60px;
}

.mt-0 {
  margin-top: 0;
}

.all-meals {
  margin-top: 80px;
}

.ready-day-row {
  margin-bottom: 20px;
}

.meal-group {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  min-height: 165px;
}

  .meal-group.date-group {
    background-color: #ebf3ff;
    border-color: #75a9f9;
    text-align: center;
  }

    .meal-group.date-group h4 {
      text-align: center;
      text-decoration: underline;
    }

  .meal-group ul li {
    display: list-item;
    width: 100%;
    float: left;
  }

.meal-type-heading {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 40px;
  height: 40px;
  padding-left: 60px;
  line-height: 2.5em;
}

.starters {
  background-image: url(/content/images/starters.png);
}

.deserts {
  background-image: url(/content/images/deserts.png);
}

.main-courses {
  background-image: url(/content/images/main-courses.png);
}
/*End Meals*/
/*End Technolog*/
.mobile-button {
  display: none;
}

.desktop-button {
  display: block;
}

.how-to .iconbox-4 {
  width: 20%;
  float: left;
  background-color: transparent;
  padding: 0 10px;
}

  .how-to .iconbox-4::after {
    content: "";
    position: absolute;
    height: 6px;
    width: 100px;
    top: 47px;
    left: 100%;
    background-color: #8e8ef3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .how-to .iconbox-4:last-child::after {
    width: 0;
  }


  .how-to .iconbox-4 img {
    width: 100px;
  }

  .how-to .iconbox-4 h4, .how-to .iconbox-4 p {
    color: #585858;
  }

.schools > div {
  padding-top: 50px;
  padding-bottom: 10px;
}

  .schools > div:nth-child(2n+1)::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    top: 0;
    left: 100%;
    background-color: #f2f2f2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

.schools .btn.btn-primary {
  color: #8e8ef3;
  border-color: #8e8ef3;
  padding: 6px;
  border-radius: 4px;
  line-height: 13px;
}

  .schools .btn.btn-primary:hover {
    background-color: transparent;
  }

.login-form {
  background-image: url(/content/public/images/login-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 500px;
}

  .login-form form {
    display: block;
    margin: 0 auto;
    width: 500px;
    padding: 140px 40px;
  }

  .login-form p {
    color: #fff;
    font-size: 14px;
  }

  .login-form form .btn {
    width: 100%;
    margin-top: 20px;
    border-radius: 4px;
  }

  .login-form form .forgotten-password {
    display: block;
    color: #b1b1f5;
    margin-left: 30px;
    margin-top: -10px;
  }

.field-validation-error {
  margin-top: 5px;
  display: inline-block;
  color: red;
}

  .field-validation-error a {
    color: #fff;
  }

.login-form
.field-validation-error {
  color: #C79BBE;
  font-weight:bold;
}

.login-forgotten-password, .login-create-account {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}

  .login-forgotten-password:hover, .login-create-account:hover {
    color: #fff;
  }

.form-horizontal {
  display: inline-block;
  width: 100%;
  background-color: #f7f7f7;
  padding: 10px 50px 30px 50px;
  margin-bottom: 30px;
}

.register-form {
  display: inline-block;
  width: 100%;
  background-image: url(/content/public/images/new-icons/register-bg.png);
  background-position: right 30px bottom;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  padding: 10px 50px 30px 50px;
  margin-bottom: 30px;
  min-height: 500px;
}

  .register-form p strong {
    font-size: 16px;
  }

.heading-with-icon {
  background-image: url(/content/public/images/new-icons/parent-avatar-black.png);
  background-position: left center;
  background-repeat: no-repeat;
}

  .heading-with-icon > span.fa-stack {
    font-size: 14px;
  }

.register-form-second {
  background-image: url(/content/public/images/new-icons/register-bg-second.png);
  background-position: bottom center;
}

.register-bg-third {
  background-image: url(/content/public/images/new-icons/register-bg-third.png);
  background-position: right bottom;
}

  .register-bg-third h5 {
    color: #4c4c4c;
    font-size: 14px;
  }

  .register-bg-third h2.heading-with-icon, .parent-profile-child h2.heading-with-icon {
    background-image: url(/content/public/images/new-icons/girl-black.png);
    background-position: left center;
  }

.register-form hr {
  margin-left: -50px;
  margin-right: -50px;
}

.child-allergens {
  list-style: none;
  padding-left: 0;
  margin-bottom: 40px;
}

  .child-allergens li {
    border-bottom: 1px solid #eaeaea;
    color: #cccccc;
    font-size: 16px;
    cursor: pointer;
  }

    .child-allergens li img {
      margin: 5px 15px 5px 0;
    }

    .child-allergens li div {
      margin-top: 5px;
    }

    .child-allergens li label {
      color: #000;
      font-weight: bold;
    }

.sticky-header {
  display: none;
  background-color: rgba(128,128,195,0.8);
  position: fixed;
  z-index: 1000;
  top: 0;
  margin-left: -15px;
}

  .sticky-header h2 {
    color: #fff;
    background-image: url(/content/public/images/new-icons/sticky-header-bg.png);
    background-position: left 10px top 10px;
    background-repeat: no-repeat;
    padding-left: 45px;
    background-size: auto 46px;
  }

  .sticky-header h4 {
    line-height: 60px;
    margin-right: -7px;
    margin-bottom: 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    text-align: right;
  }

  .sticky-header .order-pay {
    margin-top: 10px;
  }

.filter-section {
  background-color: #f4f5f9;
  margin-bottom: 30px;
  padding: 30px 10px 10px 0;
}

  .filter-section .heading-with-icon {
    background-image: url(/content/public/images/new-icons/icon-fork-knife.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 40px;
  }

  .filter-section h4 {
    margin-right: -15px;
    line-height: 40px;
    float: right;
    font-size: 18px;
    font-weight: 400;
  }

  .filter-section.filter-section-preview h4 {
    line-height: 20px;
    margin: 0;
    margin-bottom: 5px;
  }

  .filter-section.filter-section-preview .heading-with-icon, .heading-with-icon.reports {
    background-image: url(/content/public/images/new-icons/overview-icon.png);
    padding-left: 50px;
  }

  .filter-section.filter-section-preview .btn {
    margin-right: 5px;
    margin-bottom: 10px;
  }

.panel-group .panel {
  border: 0;
  box-shadow: none;
}

  .panel-group .panel .panel-heading {
    padding: 0 15px 0 15px;
    position: relative;
  }

  .panel-group .panel .panel-body {
    padding-bottom: 0;
  }

  .panel-group .panel .panel-heading, .panel-group .panel .panel-body {
    background-color: #f7f7f7;
  }

    .panel-group .panel .panel-heading.not-working-row {
      background-color: #dcdcdc;
    }

.panel-title > div {
  display: block;
  background-image: url(/content/public/images/new-icons/day-icon.png);
  background-position: 0 13px;
  background-repeat: no-repeat;
  padding-left: 40px;
  margin-left: 0;
  font-size: 18px;
  cursor: pointer;
}

.read-only .panel-title > div {
  background-image: url(/content/public/images/new-icons/time.svg);
  background-size: 26px;
  background-position: -2px 12px;
}

.read-only .panel-title .arrows {
  position: absolute;
  right: 15px;
}

.panel-title > div label {
  line-height: 50px;
  padding: 0;
  font-size: 18px;
}

  .panel-title > div label.with-icon, label.with-icon {
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .panel-title > div label.waiting, label.waiting {
    background-image: url(/content/public/images/new-icons/close-icon.png);
  }

  .panel-title > div label.paid, label.paid {
    background-image: url(/content/public/images/new-icons/check-icon.png);
  }

  .panel-title > div label.added-for-payment, label.added-for-payment {
    background-image: url('/content/images/svgs/circle-checked.svg');
    background-size: 60px;
    background-position-x: -20px !important;
  }

  .panel-title > div label.waiting-payment, label.waiting-payment {
    background-image: url(/content/public/images/new-icons/warning-icon.png);
  }

label.read-only {
  background-image: url(/content/public/images/new-icons/time.svg);
  background-size: contain;
}

.btn-remove {
  background-color: #f9b954;
}

.panel-title > div .btn-remove {
  margin-top: 5px;
  margin-bottom: 5px;
}

.panel-title > div.preview label {
  line-height: 60px;
}

.panel-title > div.preview .arrow {
  margin-top: 20px;
}

.variant-meals {
  text-align: center;
}

  .variant-meals h4 {
    text-align: center;
    color: #8e8ef3;
    text-transform: uppercase;
    margin-bottom: 35px;
  }

    .variant-meals h4:after, .variant-meals h4:before {
      content: "";
      position: absolute;
      height: 2px;
      top: 30px;
      background-color: #8e8ef3;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .variant-meals h4:after {
      width: 160px;
      right: 0;
    }

    .variant-meals h4:before {
      width: 160px;
      left: 158px;
    }

  .variant-meals .variant {
    background-color: #fff;
    padding-top: 20px;
  }

    .variant-meals .variant .meals {
      padding-right: 20px;
      height: 210px;
    }

    .variant-meals .variant h5 {
      margin-top: 30px;
      font-size: 18px;
      margin-bottom: 5px;
      font-weight: bold;
    }

    .variant-meals .variant span {
      display: inline-block;
      margin-bottom: 20px;
    }

  .variant-meals img, .free-order-item img {
    width: 96px;
    margin: 0 auto;
  }

.category-icon {
  height: 96px;
}

.variant-meals .meal-allergens, .free-order-item .meal-allergens {
  position: absolute;
  top: 0;
  right: 0;
  max-height: 120px;
  overflow: hidden;
}

.variant-meals .variant table thead tr th {
  background-color: #f7f7f7;
  border: 0;
}

.variant-meals .variant table tbody tr td {
  background-color: #fff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

  .variant-meals .variant table tbody tr td label {
    display: block;
    height: 15px;
  }

.free-order-item .meal-allergens {
  right: 10px;
}

  .variant-meals .meal-allergens li, .free-order-item .meal-allergens li {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }

    .variant-meals .meal-allergens li img, .free-order-item .meal-allergens li img {
      width: 30px;
      margin-bottom: 0;
    }

.variant .table-bordered {
  font-weight: bold;
}

  .variant .table-bordered tr th {
    text-transform: uppercase;
  }

  .variant .table-bordered tbody tr {
    cursor: pointer;
  }

.free-order-item {
  background-color: #fff;
  border-radius: 4px;
  padding-bottom: 15px;
  padding-top: 30px;
}

  .free-order-item h4 {
    text-align: center;
    color: #8e8ef3;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-weight: bold;
  }

    .free-order-item h4:after, .free-order-item h4:before {
      content: "";
      position: absolute;
      height: 2px;
      background-color: #8e8ef3;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .free-order-item h4.starters-heading:after {
      width: 55px;
      top: 40px;
      right: 0;
    }

    .free-order-item h4.starters-heading:before {
      width: 55px;
      top: 40px;
      left: 53px;
    }

  .free-order-item p {
    margin-top: 40px;
    text-align: right;
    font-size: 16px;
    margin-bottom: 0;
  }

  .free-order-item hr {
    margin-top: 25px;
    border-bottom: 2px solid #8e8ef3;
  }

  .free-order-item .meal {
    position: relative;
    min-height: 200px;
  }

    .free-order-item .meal h5 {
      margin-top: 50px;
      padding-left: 15px;
      font-weight: bold;
      padding-bottom: 5px;
      height: 40px;
      font-size: 15px;
      overflow: hidden;
    }

    .free-order-item .meal .info h5 {
      padding-left: 0;
    }

  .free-order-item span.weight {
    margin-left: 15px;
  }

  .free-order-item .info span.weight {
    margin-left: 0;
  }

  .free-order-item .meal .info {
    width: 85%;
    margin: 0 auto;
  }

h5.ready-order-heading {
  margin-top: 10px !important;
}

.free-order-item .meal table {
  width: 100%;
}

  .free-order-item .meal table tr th {
    background-color: #f7f7f7;
    color: #000;
    text-align: center;
    font-weight: 400;
    padding: 5px 0;
  }

    .free-order-item .meal table tr th:first-child, .free-order-item .meal table tr th:last-child {
      width: 30%;
    }

  .free-order-item .meal table tbody td {
    padding-top: 10px;
    text-align: center;
  }

.meal-quantity {
  border: 2px solid #dfdfdf;
  border-radius: 4px;
  width: 95px;
  text-align: center;
  height: 25px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

  .meal-quantity a {
    width: 25px;
    height: 25px;
    background-color: #96c11f;
    display: inline-block;
    border: 2px solid #96c11f;
    position: absolute;
    top: -2px;
    color: #fff;
  }

  .meal-quantity .increase {
    border-radius: 0 4px 4px 0;
    right: -2px;
  }

  .meal-quantity .decrease {
    border-radius: 4px 0 0 4px;
    left: -2px;
  }

    .meal-quantity .decrease.disabled {
      background-color: #dfdfdf;
      border-color: #dfdfdf;
    }

  .meal-quantity span {
    width: 37px;
    display: inline-block;
  }

.meal-tabs {
  background-color: #fff;
  margin-top: 40px;
  overflow: hidden;
  padding-bottom: 20px;
  padding-right: 20px;
}

  .meal-tabs .btn.btn-variants {
    font-weight: normal;
    margin-top: 0 !important;
    color: #000;
    background-color: #dcdcdc;
    border-top: 2px solid #dcdcdc;
  }

  .meal-tabs .btn.btn-variants {
    border-radius: 0 0 4px 0;
  }

    .meal-tabs .btn.btn-variants:first-child {
      border-radius: 0 0 0 4px;
      margin-right: -3px;
    }

  .meal-tabs .btn.current {
    background-color: #f7f7f7;
    font-weight: bold;
  }

  .meal-tabs .btn:last-child {
    margin-left: -5px;
  }

.arrow {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-top: 13px;
  float: right;
  background-size: contain;
  background-repeat: no-repeat;
}

  .arrow.up {
    background-image: url(/content/public/images/new-icons/purple-arrow-up.png);
    display: none;
  }

  .arrow.down {
    background-image: url(/content/public/images/new-icons/purple-arrow-down.png);
  }

table.fast-order-table {
  width: 100%;
}

  table.fast-order-table tr td, table.fast-order-table tr th {
    padding: 10px;
  }

  table.fast-order-table > tbody > tr:nth-of-type(even) td {
    background-color: transparent;
  }

  table.fast-order-table > tbody > tr.not-working-row td {
    background-color: #f4f5f9;
  }

  table.fast-order-table tr td [type="checkbox"] + label {
    margin-top: -10px;
    display: block;
    padding: 0;
    margin-left: 3px;
  }

  table.fast-order-table [type="checkbox"]:checked + label:before {
    background-image: url(/content/images/check-box-checked-purple.png);
  }

  table.fast-order-table tr th [type="checkbox"] + label {
    display: block;
    height: 20px;
    padding: 0;
  }

a.reverse-small {
  background-image: url(/content/public/images/new-icons/close-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  width: 25px;
  height: 25px;
  padding: 3px 45px !important;
}

div[aria-expanded="true"] .arrow.down {
  display: none;
}

div[aria-expanded=true] .arrow.up {
  display: inline-block;
}

.text-centered {
  text-align: center;
}

.bootstrap-select button.btn {
  padding: 0;
  line-height: 45px;
  height: 45px;
  padding-left: 15px;
}

  .bootstrap-select button.btn .bs-caret {
    color: #fff;
    background-color: #8080c3;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-left: -40px;
  }

    .bootstrap-select button.btn .bs-caret .caret {
      right: 14px;
    }

.grey-header {
  background-color: #f4f5f9;
  text-align: center;
}

  .grey-header h1 {
    font-size: 28px;
    line-height: 100px;
    margin: 0;
  }

.contact-container {
  background-image: url(../images/contact-bg.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-bottom: 80px;
  background-size: contain;
  min-height: 400px;
}

  .contact-container h3 {
    text-align: center;
  }

  .contact-container #contact-form {
    max-width: 760px;
    margin: 0 auto;
  }

#contact-form .form-control {
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
}

td.more .dropdown-menu > .profile-link-item > a {
  width: auto;
}

.dropdown-menu > .profile-link-item > a, .report-actions a {
  background-position: left 10px center;
  background-repeat: no-repeat;
  padding-left: 45px;
}

  .dropdown-menu > .profile-link-item > a.logout {
    background-image: url(/content/public/images/new-icons/logout-icon.png);
  }

  .dropdown-menu > .profile-link-item > a.add-child {
    background-image: url(/content/public/images/new-icons/add-child-icon.png);
  }

  .dropdown-menu > .profile-link-item > a.profile {
    background-image: url(/content/public/images/new-icons/profile-small-icon.png);
  }

  .dropdown-menu > .profile-link-item > a.change-child {
    background-image: url(/content/public/images/new-icons/girl.png);
  }

  .dropdown-menu > .profile-link-item > a.reject-payment, td a.reject-payment {
    background-image: url(/content/public/images/new-icons/close-icon.png);
    background-size: contain;
  }

  .dropdown-menu > .profile-link-item > a.open-payment, td a.open-payment {
    background-image: url(/content/public/images/search-icon.png);
    background-size: contain;
  }

td a.reject-payment, td a.open-payment {
  padding-left: 30px;
}

.start-up-container {
  background-image: url(/content/public/images/startup/startup-bg.png);
  background-position: right 20px bottom 10px;
  background-repeat: no-repeat;
  padding-bottom: 120px;
}

.startup-page > div {
  min-height: 155px;
}

.startup-page, .choose-payment {
  background-color: #f7f7f7;
  margin-top: 20px;
  padding-bottom: 15px;
}

.startup-page {
  margin-bottom: 60px;
}

.choose-payment {
  margin-bottom: 15px;
}

  .startup-page a, .choose-payment > div > a, .choose-payment .payment-info {
    background-color: #fff;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
  }

  .startup-page img, .choose-payment img {
    margin: 20px auto;
  }

.startup-page .startup-icon {
  background-position: center center;
  background-repeat: no-repeat;
  height: 135px;
}

.startup-page .orders-icon {
  background-image: url('/content/public/images/startup/orders.png');
}

.startup-page a:hover .orders-icon {
  background-image: url('/content/public/images/startup/orders-hover.png');
}

.startup-page .reports-icon {
  background-image: url('/content/public/images/startup/reports.png');
}

.startup-page a:hover .reports-icon {
  background-image: url('/content/public/images/startup/reports-hover.png');
}

.startup-page .contacts-icon {
  background-image: url('/content/public/images/startup/contacts.png');
}

.startup-page a:hover .contacts-icon {
  background-image: url('/content/public/images/startup/contacts-hover.png');
}

.startup-page .questions-icon {
  background-image: url('/content/public/images/startup/questions.png');
}

.startup-page a:hover .questions-icon {
  background-image: url('/content/public/images/startup/questions-hover.png');
}

.startup-page .payments-icon {
  background-image: url('/content/public/images/startup/payments.png');
}

.startup-page a:hover .payments-icon {
  background-image: url('/content/public/images/startup/payments-hover.png');
}

.startup-page .returns-icon {
  background-image: url('/content/public/images/startup/returns.png');
}

.startup-page a:hover .returns-icon {
  background-image: url('/content/public/images/startup/returns-hover.png');
}

.startup-page .serving-icon {
  background-image: url('/content/public/images/startup/serving.png');
}

.startup-page a:hover .serving-icon {
  background-image: url('/content/public/images/startup/serving-hover.png');
}

.startup-page .production-icon {
  background-image: url('/content/public/images/startup/production.png');
}

.startup-page a:hover .production-icon {
  background-image: url('/content/public/images/startup/production-hover.png');
}

.startup-page h3, .choose-payment h3, .schools-section h3 {
  font-size: 16px;
  color: #8e8ef3;
  text-transform: uppercase;
  margin-top: 30px;
  text-align: left;
  position: relative;
}

  .startup-page h3:before, .choose-payment h3:before{
    content: "";
    position: absolute;
    height: 94px;
    width: 2px;
    top: -10px;
    left: -25px;
    background-color: #eaeaea;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .startup-page h3:after, .choose-payment h3:after, .schools-section h3:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 80px;
    bottom: -5px;
    left: 40px;
    background-color: #8e8ef3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

.startup-page p, .choose-payment p {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  min-height: 72px;
}

.schools-section {
  background-color: #f7f7f7;
  padding-bottom: 15px;
}

.schools-section h3 {
  margin-bottom: 20px;
  margin-top: 15px;
}

  .schools-section .school-column-container {
  }

  .schools-section .school-column {
    background-color: #fff;
    margin-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: 130px;
  }

.choose-child-icon {
  background-image: url('/content/public/images/new-icons/choose-child-o.png');
  background-position: center center;
  background-repeat: no-repeat;
  height: 135px;
}

.choose-child-link:hover .choose-child-icon {
  background-image: url('/content/public/images/new-icons/change-child.png');
}

.meals-container {
  background-color: #f7f7f7;
  padding: 15px 0;
}

  .meals-container .free-order-item {
    margin-bottom: 15px;
  }

.welcome {
  background-color: #f4f5f9;
  margin-bottom: 20px;
  margin-top: 20px;
}

  .welcome h2 {
    font-size: 24px;
    padding-left: 75px;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 75px;
    background-position: left 25px center;
    background-repeat: no-repeat;
    background-size: auto 70%;
  }

    .welcome h2.parent {
      background-image: url(/content/public/images/new-icons/parent-avatar-black.png);
    }

    .welcome h2.wallet {
      background-image: url(/content/public/images/new-icons/wallet.png);
      background-size: auto 50%;
    }

.choose-payment h4, .startup-page h4 {
  padding: 15px 15px 0 30px;
  margin-bottom: 0;
}

.choose-payment hr, .startup-page hr {
  margin-top: 15px;
  margin-bottom: 0;
}

.choose-payment .payment-type {
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 133px;
  max-width: 133px;
  margin: 0 auto;
}

.choose-payment > div > a.active {
  border: 4px solid #8e8ef3;
}

.choose-payment .school-icon, .startup-page .school-icon {
  background-image: url(/content/public/images/new-icons/payments/school-icon.png);
}

  .choose-payment a:hover .school-icon, .choose-payment > div > a.active .school-icon, .startup-page .school-icon:hover {
    background-image: url(/content/public/images/new-icons/payments/school-icon-hover.png);
  }

.choose-payment .creditcard-icon {
  background-image: url(/content/public/images/new-icons/payments/card.png);
}

.choose-payment a:hover .creditcard-icon, .choose-payment > div > a.active .creditcard-icon {
  background-image: url(/content/public/images/new-icons/payments/card-hover.png);
}

.choose-payment .easypay-icon {
  background-image: url(/content/public/images/new-icons/payments/cash-desk-icon.png);
}

.choose-payment a:hover .easypay-icon, .choose-payment > div > a.active .easypay-icon {
  background-image: url(/content/public/images/new-icons/payments/cash-desk-icon-hover.png);
}

span.discount-icon {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(/content/public/images/new-icons/discount.png);
  content: '';
  right: 0;
  bottom: 10%;
  padding: 20px 20px;
  color: #fff;
  font-weight: bold;
}

.order-final {
  padding: 20px;
  background-color: #f4f5f9;
}

  .order-final table {
    background-color: transparent;
  }

    .order-final table tr {
      background-color: transparent;
      color: #000;
      font-size: 18px;
    }

      .order-final table tr:nth-child(2n+1) {
        background-color: #fff;
      }

      .order-final table tr td {
        border: none;
        background-color: transparent;
      }

        .order-final table tr td:first-child {
          border-right: 2px solid #eaeaea;
        }

        .order-final table tr td:last-child {
          width: 200px;
        }

      .order-final table tr.order-footer {
        font-weight: bold;
      }

  .order-final p {
    color: #f9b954;
    font-weight: bold;
    font-size: 17px;
    margin-top: 20px;
  }

.register-form.parent-profile {
  background-image: none;
}

.parent-profile-child {
  display: inline-block;
  padding-top: 20px;
  padding-right: 35px;
  background-color: #f4f5f9;
}

.field-editor {
  position: absolute;
  left: 100%;
  top: 5px;
  margin-left: 25px;
}

.welcome.success {
  background-image: url(/content/public/images/new-icons/success.svg);
  background-position: left -40px top -45px;
  background-repeat: no-repeat;
  background-size: 155px;
  padding-left: 15px;
}

  .welcome.success h2 {
    line-height: 50px;
    color: #96c11f;
  }

.welcome.error {
  background-image: url(/content/public/images/new-icons/error.svg);
  background-position: left 10px top 10px;
  background-repeat: no-repeat;
  background-size: 55px;
  padding-left: 15px;
}

  .welcome.error h2 {
    color: red;
  }

.welcome h4 {
  padding-left: 75px;
}

.payment-success-container {
  background-color: #f4f5f9;
}

  .payment-success-container h3 {
    margin-top: 20px;
  }

.easy-pay-code {
  padding: 20px;
  text-align: center;
  border: 2px solid #ebebeb;
  border-radius: 4px;
  background-color: #f7f7f7;
  /* width: initial; */
  margin-top: 25px;
}

  .easy-pay-code strong {
    color: red;
    margin-top: 10px;
  }

.heading-with-icon.children {
  background-image: url(/content/public/images/new-icons/boy-header-icon.png);
}

td.more {
  position: relative;
}

  td.more > a {
    background-image: url(/content/public/images/new-icons/more-icon-purple.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -999px;
    width: 50px;
    height: 1em;
    display: block;
    overflow: hidden;
  }

.search-input {
  position: relative;
}

  .search-input a {
    position: absolute;
    top: 0px;
    left: 15px;
    background-color: #8080c3;
    color: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 50px;
    border-radius: 4px 0 0 4px;
  }

    .search-input a i {
      font-size: 1.5em;
    }

  .search-input input {
    padding-left: 55px;
  }

.validationMessage {
  color: red;
  margin-top: 5px;
  display: block;
  font-size: 0.75em;
  margin-left: 5px;
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
  color: #919191;
  background-color: #fafafa;
  border: 1px solid #e5e5e5 !important;
}

.title-date {
  font-size: 15px !important;
}

.table-children tbody tr {
  cursor: pointer;
}

  .table-children tbody tr td {
    position: relative;
  }

  /*.table-children tbody tr:hover td {
        box-shadow: 0px 3px 0px 0px #e4e5e8;
        -moz-box-shadow: 0px 3px 0px 0px #e4e5e8;
        -webkit-box-shadow: 0px 3px 0px 0px #e4e5e8;
        z-index: 1000;
        font-size: 15px;
        border: none;
    }*/

  .table-children tbody tr:hover td.child-table-button a.btn {
    opacity: 1;
  }

  .table-children tbody tr:hover td:first-child::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    top: 0px;
    left: 0px;
    background-color: #8e8ef3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

.child-table-button {
  padding: 0 !important;
}

  .child-table-button a.btn {
    opacity: 0;
    width: 100%;
    border-radius: 0;
    padding: 12px;
  }

.date-picker-container {
  width: 100%;
  position: relative;
}

  .date-picker-container a {
    height: 45px;
    width: 45px;
    background-color: #8080c3;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 4px 4px 0;
  }

    .date-picker-container a i {
      color: #fff;
      font-size: 23px;
      margin-top: 11px;
      margin-left: 11px;
    }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: transparent;
}

.pagination > li > a.active {
  font-weight: bold;
}

a.paging-prev, a.paging-next {
  display: block;
  width: 40px;
  height: 40px;
  border: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center center;
}

a.paging-prev {
  background-image: url(/content/public/images/left-arrow.png);
}

a.paging-next {
  background-image: url(/content/public/images/right-arrow.png);
}

a.paging-prev:hover {
  background-image: url(/content/public/images/left-arrow-hover.png);
}

a.paging-next:hover {
  background-image: url(/content/public/images/right-arrow-hover.png);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: transparent;
}

.filter-add-meal {
  background-color: #f4f5f9;
  padding: 30px 10px 10px 0;
}

  .filter-add-meal div {
    padding: 20px;
  }

    .filter-add-meal div input {
      width: 80%;
    }


.table-bordered.production-table thead tr th, .table-bordered.production-table > tbody > tr:nth-of-type(even) td {
  background-color: transparent;
}

.table-bordered.production-table tr.header td {
  background-color: #f4f5f9 !important;
}

  .table-bordered.production-table tr.header td h3 {
    margin: 0;
  }

.checkbox-select ul li a {
  width: 100%;
  height: 40px;
}

  .checkbox-select ul li a label {
    float: left;
    max-width: 80%;
    white-space: normal;
  }

.toast {
  top: 100px !important;
}

.allergens-container {
  background-image: url('/content/public/images/bgr-allergens.png');
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 100px;
}

  .allergens-container .child-allergens li {
    border-bottom: none;
  }

.page-header.meals {
  background-image: url(../images/backgrounds/meals.jpeg);
}

.faq.page-header {
  background-image: url(../images/backgrounds/FAQ.jpeg);
}

.contact.page-header {
  background-image: url(../images/backgrounds/contact.jpeg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

td.red {
  color: red;
}

.panel-title > div.preview-canteen {
  background-image: none;
  padding-left: 0;
}

  .panel-title > div.preview-canteen label.title-date {
    background-image: url(/content/public/images/new-icons/day-icon.png);
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left center;
    height: 60px;
    border-radius: 0;
  }

.check-all-row {
  padding-left: 15px;
  height: 60px;
}

  .check-all-row label {
    line-height: 50px;
    padding-top: 7px;
    padding-left: 10px;
  }

.has-allergens {
  color: red;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
}

.label-lv {
  line-height: 45px;
  font-size: 20px;
  margin-left: 10px;
}

.attention {
  max-width: 550px;
  margin: 0 auto;
  color: #fff;
  border-radius: 4px;
  background: red;
  opacity: 0.7;
  padding: 20px;
}

  .attention ul {
    list-style: none;
    text-align: center;
    font-size: 16px;
    padding: 0;
  }

    .attention ul li {
      margin-bottom: 10px;
    }

.warning-message {
  border-style: solid;
  border-width: 1px;
  border-color: #8e8ef3;
  background-color: #f7f7f7;
}

  .warning-message h3 {
    color: #8e8ef3;
    margin-top: 10px;
    margin-bottom: 0;
  }

    .warning-message h3 i {
      margin-right: 10px;
    }

  .warning-message ul.list-default li {
    margin-bottom: 0;
  }

.canteen-order-system .free-order-item {
  cursor: pointer;
  padding-bottom: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  min-height: 115px;
  font-size: 18px !important;
  position: relative;
}

.canteen-order-system .ready-day-row .free-order-item {
  padding-top: 30px;
  padding-bottom: 15px;
  position: initial;
}

.canteen-order-system .free-order-item .meal {
  min-height: 70px;
}

  .canteen-order-system .free-order-item .meal h5 {
    margin-top: 0;
    font-weight: normal;
  }

  .canteen-order-system .free-order-item .meal .add-meal {
    position: absolute;
    top: 55%;
    width: 100%;
    text-align: center;
    background-color: #96c11f;
    padding: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: none;
  }

  .canteen-order-system .free-order-item .meal:hover .add-meal {
    display: block;
  }

.canteen-order-system .free-order-item .actions {
  border-top: 1px solid #ddd;
  font-weight: bold;
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 28px;
}

.canteen-order-system .free-order-item .col-md-4 {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}

  .canteen-order-system .free-order-item .col-md-4 a {
    width: 100%;
    text-align: center;
    display: block;
    background-color: #ca3b3b;
    color: #fff;
    position: relative;
    text-indent: -9999px;
    height: 28px;
  }

    .canteen-order-system .free-order-item .col-md-4 a:after {
      display: block;
      content: '';
      position: absolute;
      width: 30%;
      left: 35%;
      height: 2px;
      background-color: #fff;
      top: 13px;
    }

.canteen-order-system .panel-title .btn {
  padding: 16px;
  border-radius: 0;
  margin-left: 10px;
  background-color: transparent !important;
  color: #000;
}

  .canteen-order-system .panel-title .btn:hover {
    background-color: #96c11f !important;
    color: #fff;
  }

.panel-title .btn:hover {
  background-color: #96c11f;
  color: #fff;
}

.tooltip.in {
  opacity: 1;
}

.tooltip .tooltip-inner {
  padding: 10px;
  background-color: #f4f5f9;
  color: #585858;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #a7a7a7;
}

.tooltip h4 {
  color: #585858;
}

.day-status a {
  display: none;
}

div[aria-expanded="true"] .day-status .with-icon {
  display: none;
}

div[aria-expanded="true"] .day-status a {
  display: block;
  padding: 8px 30px;
  margin-top: 8px;
  margin-right: 8px;
}

  div[aria-expanded="true"] .day-status a.btn-purple:hover, div[aria-expanded="true"] .day-status a.btn-purple:active {
    background-color: #8080c3 !important;
  }

div[aria-expanded=true] .menu-date {
  font-weight: bold;
}

.panel-title > div label.with-icon.with-price {
  position: relative;
  background-color: #fff;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  margin-top: 11px;
  overflow: hidden;
  padding-right: 115px;
  background-position: 5px center;
  padding-left: 30px;
  max-width: 80%;
}

  .panel-title > div label.with-icon.with-price.waiting {
    padding-right: 30px;
  }

  .panel-title > div label.with-icon.with-price span {
    white-space: nowrap;
  }

  .panel-title > div label.with-icon.with-price strong {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    background-color: #dcdcdc;
    padding: 0 5px;
    margin-left: 5px;
  }

.order-item-container {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  height: 160px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 45px;
  display: table;
  width: 100%;
  border: 1px solid gainsboro;
}


  .order-item-container img {
    margin-top: 10px;
    cursor: pointer;
    max-height: 80px;
  }

  .order-item-container h5 {
    font-size: 14px;
    font-weight: normal;
    max-height: 60px;
  }

  .order-item-container .fa-stack.fa-lg {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 1em;
    color: rgba(128,128,195,1);
    cursor: pointer;
  }

  .order-item-container .daily-menu-label {
    position: absolute;
    bottom: 60px;
    right: 10px;
    background-color: #f7f7f7;
    padding: 6px;
    font-size: 12px;
    border-radius: 4px;
  }

    .order-item-container .daily-menu-label.ordered {
      background-color: #8080c3;
      color: #fff;
    }

.meal-quantity-controller {
  width: 100%;
  border-top: 1px solid gainsboro;
  position: absolute;
  bottom: 10px;
  padding-top: 5px;
}

  .meal-quantity-controller .price-quantity {
    text-align: center;
    width: 100%;
    position: relative;
    float: left;
  }

  .meal-quantity-controller .decrease, .meal-quantity-controller .increase {
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 4px;
    z-index: 100;
  }

  .meal-quantity-controller .decrease {
    background-color: #ca3b3b;
    left: 10px;
  }

    .meal-quantity-controller .decrease:after, .meal-quantity-controller .increase:after {
      content: "";
      position: absolute;
      height: 2px;
      width: 60%;
      background-color: #fff;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 52%;
      top: 45%;
    }

  .meal-quantity-controller .increase:before {
    content: "";
    position: absolute;
    height: 60%;
    width: 2px;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 52%;
    top: 20%;
  }

  .meal-quantity-controller .increase {
    background-color: #96c11f;
    right: 10px;
  }

.meal-info-dialog {
  padding-top: 30px;
  background-color: #fff;
  border-radius: 4px;
}

  .meal-info-dialog h4 {
    text-align: center;
    color: #8e8ef3;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-weight: bold;
  }

    .meal-info-dialog h4:after, .meal-info-dialog h4:before {
      content: "";
      position: absolute;
      height: 2px;
      background-color: #8e8ef3;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .meal-info-dialog h4:after {
      width: 30%;
      top: 40px;
      right: -10%;
    }

    .meal-info-dialog h4:before {
      width: 30%;
      top: 40px;
      left: 20%;
    }

  .meal-info-dialog .meal-attributes {
    margin: 20px;
    border-bottom: 1px solid #8e8ef3;
    padding-bottom: 10px;
  }

    .meal-info-dialog .meal-attributes .meal-info-weight, .meal-info-dialog .meal-attributes .meal-info-price {
      padding-bottom: 10px;
      margin-left: 5px;
    }

    .meal-info-dialog .meal-attributes .meal-info-weight {
      border-right: 2px solid #dcdcdc;
      padding-right: 5px;
    }

  .meal-info-dialog img {
    max-width: 100px;
    margin: 0 auto;
  }

  .meal-info-dialog button {
    margin: 20px auto;
    display: block;
  }

  .meal-info-dialog .meal-info-category {
    background-color: #f7f7f7;
    padding: 6px;
    font-size: 12px;
    border-radius: 4px;
  }

  .meal-info-dialog .meal-allergens {
    padding: 0;
    list-style: none;
    margin: 20px;
  }

    .meal-info-dialog .meal-allergens li label {
      margin-left: 10px;
    }

  .language-selection-dialog {
    width: 250px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
  }

  .language-selection-dialog .language-entry {
    padding: 0px;
    list-style: none;
    margin: 10px;
  }

    .language-selection-dialog .language-entry ul > li::before {
      content: none;
    }

.modal-open .navbar {
  padding-right: 17px !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner.serving {
  position: absolute;
  z-index: 1000;
}

.more label.with-icon {
  width: 25px;
  height: 20px;
  padding: 0;
  margin: 0;
}

.more .dropdown-menu > li:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.more .dropdown-menu {
  padding: 0;
}

  .more .dropdown-menu > li {
    padding: 5px 0;
  }

.read-only .panel-title .read-only-label {
  font-style: italic;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
  font-size: 16px;
}

.filter-checkbox-label {
  margin-top: 7px;
  margin-right: 10px;
}

.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background-color: rgba(76, 76, 76, 0.8);
}

.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

div.gdpr-link {
  color: white;
}

a.gdpr-link {
  outline: none;
  color: white;
  text-decoration: underline;
}