/********************************** VARIABLES  ***************************************/
/* Mixins */
/********************************** COMMON STYLES  ***************************************/
.my-md {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mb-lg {
  margin-bottom: 60px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

h1, h2, h3, #dietplanModalLabel, h4, .header-title, h5, h6, .h1, .h2, .h3, .plan-main-heading, .h4, .view-recipe-head-title > h2, .viewplan-dietdetail-div h2, .viewplan-plandetail-Snack-title, #shoppinglistmodalLabel, .h5, .h6, .sidebar-name-div h5 {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-weight: 600;
  margin-top: 0;
}

.jumbo-heading {
  font-size: 54px;
  margin-bottom: 54px;
}

h1, .h1 {
  font-size: 42px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  h1, .h1 {
    font-size: 36px;
  }
}

h2, .h2 {
  font-size: 36px;
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  h2, .h2 {
    font-size: 32px;
  }
}

h3, #dietplanModalLabel, .h3, .plan-main-heading {
  font-size: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  h3, #dietplanModalLabel, .h3, .plan-main-heading {
    font-size: 28px;
  }
}

h4, .header-title, .h4, .view-recipe-head-title > h2, .viewplan-dietdetail-div h2, .viewplan-plandetail-Snack-title, #shoppinglistmodalLabel {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  h4, .header-title, .h4, .view-recipe-head-title > h2, .viewplan-dietdetail-div h2, .viewplan-plandetail-Snack-title, #shoppinglistmodalLabel {
    font-size: 24px;
  }
}

h5, .h5 {
  font-size: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  h5, .h5 {
    font-size: 20px;
  }
}

h6, .h6, .sidebar-name-div h5 {
  font-size: 16px;
  margin-bottom: 20px;
}

.lead, .viewplan-title-kinds, .testimonial-quote {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: normal;
}

* {
  font-family: "Montserrat", "Open Sans", sans-serif;
}

body {
  font-family: "Montserrat", "Open Sans", sans-serif;
  color: #000;
  font-size: 20px;
}
@media (max-width: 767px) {
  body {
    font-size: 18px;
  }
}

.font-family-sans-serif {
  font-family: "Montserrat", "Open Sans", sans-serif;
}

.alert-in-table {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #009a44;
  padding: 5px 0;
}

input, select, textarea {
  line-height: 30px;
  margin-bottom: 10px;
  opacity: 1;
  border-radius: 0;
  background-color: white;
  border: 1px solid #DDDDDD;
}
input:focus, select:focus, textarea:focus {
  border-color: #f9a332;
}

label {
  margin-bottom: 10px;
}

input:not([type=submit]):not([type=radio]):not([type=checkbox]):not(.form-control), select {
  height: 50px;
}

.form-control, .registration-page .form-control.all-border.border-white {
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  height: 64px;
  font-size: 22px;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #009a44;
}
.form-control::-webkit-input-placeholder, .registration-page .form-control.all-border.border-white::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.form-control:-moz-placeholder, .registration-page .form-control.all-border.border-white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.form-control::-moz-placeholder, .registration-page .form-control.all-border.border-white::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.form-control:-ms-input-placeholder, .registration-page .form-control.all-border.border-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.form-control, .registration-page .form-control.all-border.border-white {
  color: black;
}
.form-control:focus, .registration-page .form-control.all-border.border-white:focus, .form-control:active, .registration-page .form-control.all-border.border-white:active {
  box-shadow: none;
  border-color: rgb(0, 103, 45.4805194805);
}
@media (max-width: 767px) {
  .form-control, .registration-page .form-control.all-border.border-white {
    height: 40px;
    font-size: 18px;
  }
}

.form-control.all-border, .registration-page .form-control.all-border.border-white {
  margin-bottom: 20px;
  border: 2px solid white;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(255, 255, 255, 0);
}
.form-control.all-border.border-1, .registration-page .form-control.border-1.all-border.border-white {
  border-width: 1px;
}
.form-control.all-border.border-white, .registration-page .form-control.border-white.all-border {
  border-color: white;
}
.form-control.all-border.border-white::-webkit-input-placeholder, .registration-page .form-control.border-white.all-border::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 300;
  font-size: 18px;
  color: white;
}
.form-control.all-border.border-white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 300;
  font-size: 18px;
  color: white;
  opacity: 1;
}
.form-control.all-border.border-white::-moz-placeholder, .registration-page .form-control.border-white.all-border::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 300;
  font-size: 18px;
  color: white;
  opacity: 1;
}
.form-control.all-border.border-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 300;
  font-size: 18px;
  color: white;
}
.form-control.all-border.border-white, .registration-page .form-control.border-white.all-border {
  color: white;
}
.form-control.all-border.border-white:focus, .form-control.all-border.border-white:active {
  border-color: #009a44;
}
.form-control.all-border.border-black, .registration-page .form-control.all-border.border-white {
  border-color: #000;
}
.form-control.all-border.border-black::-webkit-input-placeholder, .registration-page .form-control.all-border.border-white::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.form-control.all-border.border-black:-moz-placeholder, .registration-page .form-control.all-border.border-white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.form-control.all-border.border-black::-moz-placeholder, .registration-page .form-control.all-border.border-white::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.form-control.all-border.border-black:-ms-input-placeholder, .registration-page .form-control.all-border.border-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.form-control.all-border.border-black, .registration-page .form-control.all-border.border-white {
  color: #000;
}
.form-control.all-border.border-black:focus, .registration-page .form-control.all-border.border-white:focus, .form-control.all-border.border-black:active, .registration-page .form-control.all-border.border-white:active {
  border-color: #009a44;
}
.form-control.all-border.border-black-teal, .registration-page .form-control.border-black-teal.all-border.border-white {
  border-color: #000;
}
.form-control.all-border.border-black-teal::-webkit-input-placeholder, .registration-page .form-control.border-black-teal.all-border.border-white::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.form-control.all-border.border-black-teal:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.form-control.all-border.border-black-teal::-moz-placeholder, .registration-page .form-control.border-black-teal.all-border.border-white::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.form-control.all-border.border-black-teal:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.form-control.all-border.border-black-teal, .registration-page .form-control.border-black-teal.all-border.border-white {
  color: #000;
}
.form-control.all-border.border-black-teal:focus, .form-control.all-border.border-black-teal:active {
  border-color: #f9a332;
}
@media (max-width: 767px) {
  .form-control.all-border, .registration-page .form-control.all-border.border-white {
    padding-left: 10px;
    padding-right: 10px;
  }
}

textarea.form-control.all-border, .registration-page textarea.form-control.all-border.border-white {
  min-height: 200px;
}
@media (max-width: 767px) {
  textarea.form-control.all-border, .registration-page textarea.form-control.all-border.border-white {
    min-height: 120px;
  }
}

.input-group-addon {
  border: none;
  border-bottom: 2px solid #009a44;
  height: 64px;
  font-size: 22px;
  background-color: rgba(255, 255, 255, 0);
  padding: 0.5em;
  padding-right: 1.5em;
}
@media (max-width: 767px) {
  .input-group-addon {
    height: 40px;
    font-size: 18px;
  }
}

#shopping-list-search-input svg {
  width: 25px;
  height: 25px;
}
@media (max-width: 767px) {
  #shopping-list-search-input svg {
    width: 16px;
    height: 16px;
  }
}

.form-horizontal .plain-text .control-label {
  padding-top: 0;
}

.btn {
  border-width: 2px;
  padding: 12px 24px;
  font-size: 20px;
  font-weight: 600;
}
.btn:focus, .btn:active {
  outline: none;
  box-shadow: none;
}

.btn-sm, .shoppinglist-allergies-diet-wrap .btn {
  padding: 6px 23px;
  font-size: 18px;
}

.btn-solid-primary, .shoppinglist-allergies-diet-wrap .btn {
  color: white;
  background-color: #009a44;
  border-color: #009a44;
}
.btn-solid-primary:hover, .shoppinglist-allergies-diet-wrap .btn:hover {
  color: white;
  background-color: rgb(0, 179.5, 79.2597402597);
  border-color: rgb(0, 179.5, 79.2597402597);
}
.btn-solid-primary:focus, .shoppinglist-allergies-diet-wrap .btn:focus {
  color: white;
  background-color: rgb(0, 128.5, 56.7402597403);
  border-color: rgb(0, 128.5, 56.7402597403);
}
.btn-solid-primary:active, .shoppinglist-allergies-diet-wrap .btn:active {
  color: white;
  background-color: rgb(0, 103, 45.4805194805);
  border-color: rgb(0, 103, 45.4805194805);
}

.btn-solid-secondary {
  color: white;
  background-color: #f9a332;
  border-color: #f9a332;
}
.btn-solid-secondary:hover {
  color: white;
  background-color: rgb(249.7251184834, 174.1184834123, 74.7748815166);
  border-color: rgb(249.7251184834, 174.1184834123, 74.7748815166);
}
.btn-solid-secondary:focus {
  color: white;
  background-color: rgb(248.2748815166, 151.8815165877, 25.2251184834);
  border-color: rgb(248.2748815166, 151.8815165877, 25.2251184834);
}
.btn-solid-secondary:active {
  color: white;
  background-color: rgb(240.9478672986, 139.8672985782, 7.0521327014);
  border-color: rgb(240.9478672986, 139.8672985782, 7.0521327014);
}

.btn-solid-white {
  color: white;
  background-color: white;
  border-color: white;
}
.btn-solid-white:hover {
  color: white;
  background-color: white;
  border-color: white;
}
.btn-solid-white:focus {
  color: white;
  background-color: rgb(242.25, 242.25, 242.25);
  border-color: rgb(242.25, 242.25, 242.25);
}
.btn-solid-white:active {
  color: white;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-solid-white {
  color: #009a44;
}
.btn-solid-white:hover, .btn-solid-white:focus, .btn-solid-white:active {
  color: #009a44;
}

.btn-outline-primary {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  border-color: #000;
}
.btn-outline-primary:hover {
  color: rgb(12.75, 12.75, 12.75);
  border-color: rgb(12.75, 12.75, 12.75);
}
.btn-outline-primary:focus {
  color: rgb(7.65, 7.65, 7.65);
  border-color: rgb(7.65, 7.65, 7.65);
}
.btn-outline-primary:active {
  color: black;
  border-color: black;
}

.btn-outline-secondary {
  color: #009a44;
  background-color: rgba(255, 255, 255, 0);
  border-color: #009a44;
}
.btn-outline-secondary:hover {
  color: rgb(0, 179.5, 79.2597402597);
  border-color: rgb(0, 179.5, 79.2597402597);
}
.btn-outline-secondary:focus {
  color: rgb(0, 169.3, 74.7558441558);
  border-color: rgb(0, 169.3, 74.7558441558);
}
.btn-outline-secondary:active {
  color: rgb(0, 138.7, 61.2441558442);
  border-color: rgb(0, 138.7, 61.2441558442);
}

.btn-outline-white {
  color: white;
  background-color: rgba(255, 255, 255, 0);
  border-color: white;
}
.btn-outline-white:hover {
  color: white;
  border-color: white;
}
.btn-outline-white:focus {
  color: white;
  border-color: white;
}
.btn-outline-white:active {
  color: rgb(247.35, 247.35, 247.35);
  border-color: rgb(247.35, 247.35, 247.35);
}

.bg-gray-dark {
  background: #58595b;
}

.bg-mehi-green {
  background: #009a44;
}

.bg-black {
  background: #000;
}

.bg-white-transparent, .section-for-partners:after, .section-why-miils:after {
  background: rgba(255, 255, 255, 0.8);
}

.text-white {
  color: white;
}

.text-danger {
  margin-top: -15px;
  margin-bottom: 30px;
  font-size: 20px;
  color: #EA3B0F;
}

.text-primary {
  color: #009a44;
}

.link-white {
  color: white;
}
.link-white:hover, .link-white:focus, .link-white:active {
  color: rgb(242.25, 242.25, 242.25);
}

.link-gray-dark {
  color: #58595b;
}
.link-gray-dark:hover, .link-gray-dark:focus, .link-gray-dark:active {
  color: rgb(75.4636871508, 76.3212290503, 78.0363128492);
}

.link-orange {
  color: #009a44;
}
.link-orange:hover, .link-orange:focus, .link-orange:active {
  color: rgb(0, 128.5, 56.7402597403);
}

.with-bg-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/********************************** CUSTOM CSS , MIILS, OLD  ***************************************/
.brand-image {
  width: 180px;
  margin: -5px 0;
}
@media (min-width: 768px) {
  .brand-image {
    width: 220px;
  }
}

#buy_button, #id_login_bt, #creditcard {
  background: #009a44;
}

input[type=submit]#creditcard {
  background: #009a44 !important;
}

.buy-overlay {
  background-color: #009a44;
}

.modal-error-message, .error-message {
  color: #009a44;
}

.error {
  color: #f56a00;
}

.comment:hover:before {
  background: #009a44;
}

.glyphicon-heart.favorite {
  color: #009a44;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .lang-tag.active:hover {
  color: #009a44 !important;
}

.paper-link {
  color: #009a44 !important;
}

/* highlight green */
.sidebar-main-tab-container li > a:hover {
  color: #f9a332 !important;
}

.search-tag:hover, .lang-tag:hover {
  color: #009a44;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .tags .btn {
  color: #f9a332;
}

.lang-tag.active, .search-tag.active, .tags .btn {
  color: white;
}

.btn-round.add:hover {
  color: #f9a332;
}

.recommended-ingredient {
  color: #f9a332;
}

.fc-state-default:hover {
  color: #f9a332 !important;
}

#nutr-table-heading {
  background-color: #f9a332 !important;
}

.ui-corner-all.ui-state-focus {
  background-color: #f9a332 !important;
  color: white !important;
}

.header-banner {
  background-color: #f9a332;
}

.btn-file {
  border: 1px solid #f9a332;
}

textarea, select, input {
  outline: #f9a332;
}

.header-bg {
  background-color: #f9a332;
}

.view-profile-header {
  background-color: #f9a332;
}

.edit-pro-title-area {
  background-color: #f9a332;
}

.edit-pro-save > a:hover {
  color: #f9a332 !important;
}

.view-recipe-head-title > h2 {
  border-bottom: 1px solid #f9a332;
}

.please-login-cancel:hover {
  color: #f9a332;
}

.front-page-aside a.info:hover {
  color: #f9a332;
}

.modal-header-green {
  background-color: #f9a332;
}

.btn-primary {
  background-color: #f9a332 !important;
  border-color: #f9a332 !important;
}

input:focus, button:focus {
  outline-color: #f9a332 !important;
}

input[type=checkbox] {
  border: 1px solid #009a44;
}

input[type=checkbox]:checked {
  background: #009a44;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #4ac98d !important;
  border-color: #4ac98d !important;
}

.public-following-btn {
  background: #f9a332 !important;
  border: 2px solid #f9a332 !important;
}

.navs-large > img {
  height: 48px !important;
  width: 48px !important;
}

.navs-large:active > img {
  height: 48px !important;
  width: 48px !important;
}

.second-part-title {
  border: dotted 2px #e6e6e6;
}

.search-tab-container {
  background-color: #fff;
}

.search-tab-content {
  padding-top: 20px;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .search-tab-content {
    border: 1px solid #DDDDDD;
    width: 90%;
    margin: auto;
  }
}

#query {
  border: 1px #d5d5d5 solid;
}

#chart-title5 {
  color: #fff;
  background-color: #333;
}

.header-title {
  color: #fff;
  background-color: #333;
}

.search-tag.active, .search-tag.active:hover, .search-tag.active:focus,
.lang-tag.active, .lang-tag.active:hover, .lang-tag.active:focus {
  background-color: #009a44;
}

.tags .btn {
  background-color: rgb(51, 51, 51);
  border: 1px solid white;
}

.side-bar-search-content {
  background-color: #FFF9F1;
}

.sidebar-main-tab-container {
  background-color: #333;
}

.sidebar-main-tab-container li.active, .sidebar-main-tab-container li.active > a {
  background-color: #333 !important;
}

.sidebar-main-tab-container li.active > a {
  color: #fff !important;
}

.lang-tag.active, .search-tag.active {
  border: 1px solid white;
}

#nutrition-tabs {
  background-color: #FFF9F1;
}

.fc-state-default {
  background-color: #FFF9F1 !important;
}

.viewplanleft {
  background-color: #FFF9F1;
}

.viewplanright {
  background-color: #f9a332;
}

.viewplanheader {
  background-color: #000;
  color: #fff;
}

.banner-text {
  color: #6a6a6a;
}

.banner-text {
  /*background: #E50069;
  color: white;*/
  /* round the corners*/
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.create-membership {
  background: #FFF9F1;
}

.icon-text {
  color: #009a44;
}

.float-btn-link {
  z-index: 9999;
}

/********************************** CUSTOM CSS , MIILS, NEW  ***************************************/
.hero-section {
  position: relative;
  padding: 60px 0;
}
@media (min-width: 768px) {
  .hero-section {
    padding: 120px 0;
  }
}

.hero-section:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(230, 230, 230, 0.75);
}

.hero-section-content {
  position: relative;
  z-index: 2;
}

.home-slogan {
  margin-bottom: 30px;
}

.app-download-wrap {
  margin: 0 auto 30px;
  max-width: 300px;
}

.footer-app-download-wrap {
  max-width: 170px;
}

.footer-email {
  margin-bottom: 30px;
}

.img-app-badge {
  margin-bottom: 20px;
}

.home-sub-title {
  margin-bottom: 30px;
}

.registration-page {
  color: #000;
}
.form-signup-wrap {
  position: relative;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #000;
}
@media (min-width: 992px) {
  .form-signup-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .form-signup-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #000;
  }
}

.form-login, .login-others, .form-signup {
  margin: auto;
  width: 80%;
  max-width: 400px;
}

.form-error {
  margin-bottom: 20px;
}

.login-submit, .forgot-password, .signup-submit {
  margin-top: 30px;
}

.forgot-password-link {
  font-weight: 700;
  color: #009a44;
}
.forgot-password-link:hover, .forgot-password-link:focus, .forgot-password-link:active {
  color: rgb(0, 128.5, 56.7402597403);
}

.login-others {
  margin-top: 60px;
  padding: 20px;
  border-top: 2px solid white;
}

.login-others-text {
  margin-bottom: 30px;
}

.section-why-miils {
  margin-top: 60px;
  position: relative;
}
.section-why-miils:after {
  content: "";
  position: absolute;
  top: 191px;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 992px) {
  .section-why-miils:after {
    top: 0;
    bottom: 0;
    left: 40%;
    right: 0;
  }
}

.why-miils-heading {
  padding: 60px 0;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 50px;
}
@media (min-width: 992px) {
  .why-miils-heading {
    margin: 0;
    padding: 120px 0;
    font-size: 110px;
  }
}

.why-miils-content {
  position: relative;
  z-index: 2;
  padding: 60px 0;
}
@media (min-width: 992px) {
  .why-miils-content {
    padding: 180px 0;
  }
}

.section-for-partners {
  margin-top: 60px;
  position: relative;
  padding: 60px 0;
}

.section-for-partners:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.for-partners-content {
  position: relative;
  z-index: 2;
}

.for-partners-text {
  margin-bottom: 60px;
}
@media (min-width: 992px) {
  .for-partners-text {
    margin-bottom: 0;
  }
}

.request-demo-submit {
  text-align: right;
}

.section-user-testimonials {
  padding: 60px 0;
}

.testimonial-quote {
  margin-top: 30px;
  font-style: italic;
  color: #009a44;
}

.testimonial-author-wrap {
  text-align: right;
}

.icon-text-primary {
  color: #009a44;
}

.buy_bag_button, .recommend-overlay {
  background: #009a44;
  width: 100%;
}

button.buy_bag_button {
  border: none;
}

.recommend-overlay {
  background: #009a44;
}
.recommend-overlay a {
  color: white;
}
.recommend-overlay:hover, .recommend-overlay:active {
  background: #f9a332;
}
.recommend-overlay {
  transition: background 0.3s ease;
}

.overlay-link {
  display: block;
  padding: 12px;
}

.order-summary-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #009a44;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 15px;
  color: white;
}
.order-summary-wrapper img {
  margin-left: 10px;
  width: 20px;
}
.order-summary-wrapper:hover, .order-summary-wrapper:focus, .order-summary-wrapper:active {
  background-color: rgb(0, 179.5, 79.2597402597);
}

.img-container {
  position: relative;
}

.order-info-cta {
  margin-top: 15px;
}

#id_delivery, #id_number_of_bags {
  border-top: 5px solid #009a44;
  border-bottom: 5px solid #009a44;
  border-left: 5px solid #009a44;
  border-right: 0;
}

.order-pane {
  background-color: #009a44;
}

.collecting-pane {
  background-color: #efdf00;
}

.pick-up-pane {
  background-color: #f9a332;
}

.delivered-pane {
  background-color: #DDDDDD;
}

.status-pane {
  color: white;
}

.order-info {
  margin-bottom: 30px;
}

.order-info-item {
  padding: 5px 0;
  border-top: 1px solid #DDDDDD;
  font-size: 14px;
}

.order-info-item-label, .order-info-item-value {
  display: inline-block;
  vertical-align: top;
}

.order-info-item-label {
  width: 50%;
}

.order-info-item-value {
  width: 45%;
}

.order-list-summary {
  max-width: 600px;
  margin: 0 auto 20px;
  background-color: #efdf00;
  padding: 20px;
}

.order-list-info-item {
  margin-bottom: 10px;
}
.order-list-info-item:last-child {
  margin-bottom: 0;
}

.order-list-info-label, .order-list-info-value {
  display: inline-block;
  font-weight: 600;
}

.order-list-info-label {
  width: 50%;
  min-width: 200px;
  font-size: 16px;
}

.order-list-info-value {
  width: 45%;
  font-size: 30px;
  color: #009a44;
}

.order-statuses-table {
  font-size: 14px;
  border-left: 5px solid rgba(0, 154, 68, 0.5);
}
@media (min-width: 1200px) {
  .order-statuses-table {
    display: table;
    border-left: 0;
    width: 100%;
  }
}

.order-statuses-summary-heading {
  margin: 20px 0;
}

.order-statuses-summary-table {
  width: 100%;
  font-size: 14px;
}
.order-statuses-summary-table th, .order-statuses-summary-table td {
  border-top: 1px solid #DDDDDD;
  padding: 5px 20px 5px 0;
}

.order-statuses-summary-table {
  width: 100%;
  font-size: 14px;
}
.order-statuses-summary-table th, .order-statuses-summary-table td {
  border-top: 1px solid #DDDDDD;
  padding: 5px 20px 5px 0;
}

.order-statuses-heading {
  font-weight: bold;
  display: none;
}
@media (min-width: 1200px) {
  .order-statuses-heading {
    display: table-header-group;
  }
}

@media (min-width: 1200px) {
  .order-statuses-body {
    display: table-row-group;
  }
}

@media (min-width: 1200px) {
  .order-statuses-heading__tr, .order-statuses-body__tr {
    display: table-row;
  }
}

.order-statuses-body__tr, routing-body__tr {
  border-top: 1px solid #DDDDDD;
  padding: 15px;
}
.order-statuses-body__tr:nth-child(odd), routing-body__tr:nth-child(odd) {
  background-color: rgb(247.1, 247.1, 247.1);
}
@media (min-width: 1200px) {
  .order-statuses-body__tr, routing-body__tr {
    border-top: none;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .routing-body__tr {
    display: table-row;
  }
}

.order-statuses-table__td {
  padding: 5px 0;
  vertical-align: middle;
}
.order-statuses-table__td .btn-wrap {
  text-align: right;
}
.order-statuses-table__td .btn {
  padding: 6px 12px;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .order-statuses-table__td {
    padding: 8px;
    border-bottom: 1px solid #DDDDDD;
    display: table-cell;
  }
  .order-statuses-table__td .btn-wrap {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .order-statuses-table__td--receiver {
    width: 18%;
  }
}

@media (min-width: 1200px) {
  .order-statuses-table__td--address {
    width: 18%;
  }
}

@media (min-width: 1200px) {
  .order-statuses-table__td--time {
    width: 12%;
  }
}

@media (min-width: 1200px) {
  .order-statuses-table__td--contact {
    width: 27%;
  }
}

@media (min-width: 1200px) {
  .order-statuses-table__td--status {
    width: 15%;
  }
}

@media (min-width: 1200px) {
  .order-statuses-table__td--action {
    vertical-align: middle;
    width: 10%;
  }
}

.order-statuses-table__td__label, .order-statuses-table__td__content {
  display: inline-block;
  vertical-align: top;
}

.order-statuses-table__td__label {
  font-weight: bold;
  width: 100%;
}
@media (max-width: 1199px) {
  .order-statuses-table__td__label {
    width: 30%;
  }
}

.order-statuses-table__td__content {
  width: 100%;
}
@media (max-width: 1199px) {
  .order-statuses-table__td__content {
    width: 65%;
  }
}
.order-statuses-table__td__content .form-control, .order-statuses-table__td__content .registration-page .form-control.all-border.border-white, .registration-page .order-statuses-table__td__content .form-control.all-border.border-white {
  margin-bottom: 0;
  height: 40px;
  font-size: 16px;
  background-size: 16px 16px;
}
.order-statuses-table__td__content .checkbox label {
  color: rgba(255, 255, 255, 0);
}
@media (min-width: 1200px) {
  .order-statuses-table__td__content .checkbox {
    margin-bottom: 0;
    left: 40%;
  }
}

.footer {
  position: relative;
  font-size: 16px;
}

.powered-by-miils-img-footer {
  position: absolute;
  bottom: 30px;
  right: 15px;
  width: 140px;
}

.footer-disclaimer {
  z-index: 1;
  font-size: 16px;
}

.footer-menu-item-lead {
  font-size: 16px;
  font-family: "Montserrat", "Open Sans", sans-serif;
}

.sidebar-name-div h5 {
  margin: 5px 0 0;
}

.header-title {
  padding: 10px;
}

#dietplanModalLabel {
  margin: 0;
}

.page-header h1 {
  margin: 0;
}

.mycollection-nametext {
  font-family: "Montserrat", "Open Sans", sans-serif;
  margin-top: 30px;
}

.personal-info-hint, .personal-info-hint h5 {
  margin-top: 20px;
}

.edit-pro-save {
  margin-top: 30px;
}

.view-profile-content {
  margin-top: 30px;
}

.preferred-diet {
  margin-bottom: 30px;
}

h2.meal-type-heading {
  margin-top: 30px;
}

#shoppinglistmodalLabel {
  margin-bottom: 0;
}

.plan-main-heading {
  margin: 20px 0 10px;
}

.viewplan-title-days {
  font-family: "Montserrat", "Open Sans", sans-serif;
}

.view-recipe-head-title > h2 {
  margin-top: 20px;
}

.carousel-control {
  color: #f9a332;
}
.carousel-control:hover, .carousel-control:focus {
  background-color: #f9a332;
}
@media (min-width: 768px) {
  .carousel-control {
    color: #58595b;
  }
  .carousel-control:hover, .carousel-control:focus {
    background-color: white;
    color: #f9a332;
  }
}

/********************************** PROFFILE/COMPULSORY QUESTIONS STYLE **************/
#container-profile-questions {
  margin: 60px 0;
}

.question-heading {
  margin: 60px;
  text-align: center;
}

.customer-questions-form {
  /*max-width: 400px;*/
  vertical-align: middle;
  display: inline-block;
  margin: auto;
  /*.narrow-wrap {
    max-width: 250px;
    margin: auto;
  }*/
}
.customer-questions-form .radio-inline {
  height: 30px;
}

.profile-progressbar {
  margin: auto;
  max-width: 500px;
  min-height: 120px;
}

.progressbar-container {
  width: 100%;
  position: relative;
  z-index: 1;
}

.profile-flow-description {
  border-top: 1px solid #DDDDDD;
  padding: 20px 15px;
}
.profile-flow-description p {
  font-size: 16px;
}
.profile-flow-description svg {
  width: 250px;
  margin: 50px;
}
@media (min-width: 992px) {
  .profile-flow-description {
    border-top: 0;
    padding: 40px 50px 100px 100px;
  }
  .profile-flow-description svg {
    width: 300px;
  }
}

.progressbar-ul {
  list-style: none;
  counter-reset: step;
}
.progressbar-ul li {
  float: left;
  position: relative;
  text-align: center;
}
.progressbar-ul li::before {
  content: counter(step);
  counter-increment: step;
  width: 40px;
  height: 40px;
  border: 2px solid #DDDDDD;
  display: block;
  margin: 0 auto 10px;
  border-radius: 50%;
  line-height: 37px;
  background: white;
  color: #DDDDDD;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}
.progressbar-ul li::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #DDDDDD;
  top: 20px;
  left: -50%;
  z-index: -1;
}
.progressbar-ul li:first-child::after {
  content: none;
}

.progressbar-ul li.active::after {
  background: #007864;
}

.progressbar-ul li.active::before {
  border-color: #007864;
  background: #007864;
  color: white;
}

.btn-link-orange {
  color: #f9a332;
}
.btn-link-orange:active, .btn-link-orange:focus, .btn-link-orange:hover {
  color: #f9a332;
}

.question-heading {
  margin: 60px;
}

.step-indicator {
  margin: 60px auto;
  border-radius: 100%;
  padding: 20px;
  width: 80px;
  height: 80px;
  background-color: #f9a332;
  color: white;
  font-size: 25px;
  font-weight: 600;
}

.question-form-wrapper {
  margin: auto;
  max-width: 700px;
}

.radio-inline, .checkbox-inline {
  margin-right: 30px;
}
.radio-inline label, .checkbox-inline label {
  margin-bottom: 0;
}

.radio, .checkbox {
  min-height: 35px;
}

.radio input[type=radio], .radio-inline input[type=radio] {
  display: none;
}
.radio input[type=radio]:checked + label:before, .radio-inline input[type=radio]:checked + label:before {
  border-color: #009a44;
  transition: all 0.3s;
}
.radio input[type=radio]:checked + label:after, .radio-inline input[type=radio]:checked + label:after {
  background-color: #009a44;
}
.radio input[type=radio]:disabled + label:before, .radio-inline input[type=radio]:disabled + label:before {
  border-color: #DDDDDD;
}
.radio input[type=radio]:disabled + label:hover:after, .radio-inline input[type=radio]:disabled + label:hover:after {
  background-color: #009a44;
}
.radio label, .radio-inline label {
  position: relative;
  padding-left: 60px;
  cursor: pointer;
}
.radio label:before, .radio-inline label:before {
  display: inline-block;
  content: " ";
  width: 30px;
  height: 30px;
  border: 2px solid #009a44;
  border-radius: 20px;
  margin-right: 5px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.radio label:after, .radio-inline label:after {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 5px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: white;
}
.radio label:hover:after, .radio-inline label:hover:after {
  background-color: rgba(0, 154, 68, 0.5);
}

.checkbox, .checkbox-inline {
  margin-bottom: 20px;
}
.checkbox input[type=checkbox].react-checkbox, .checkbox-inline input[type=checkbox].react-checkbox {
  display: none;
}
.checkbox input[type=checkbox].react-checkbox:checked + label:before, .checkbox-inline input[type=checkbox].react-checkbox:checked + label:before {
  border-color: #009a44;
  transition: all 0.3s;
}
.checkbox input[type=checkbox].react-checkbox:checked + label:after, .checkbox-inline input[type=checkbox].react-checkbox:checked + label:after {
  background-color: #009a44;
}
.checkbox input[type=checkbox].react-checkbox:disabled + label:before, .checkbox-inline input[type=checkbox].react-checkbox:disabled + label:before {
  border-color: #DDDDDD;
}
.checkbox input[type=checkbox].react-checkbox:disabled + label:hover:after, .checkbox-inline input[type=checkbox].react-checkbox:disabled + label:hover:after {
  background-color: #DDDDDD;
}
.checkbox label, .checkbox-inline label {
  position: relative;
  padding-left: 60px;
  cursor: pointer;
}
.checkbox label:before, .checkbox-inline label:before {
  display: inline-block;
  content: " ";
  width: 30px;
  height: 30px;
  border: 2px solid #009a44;
  border-radius: 0;
  margin-right: 5px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.checkbox label:after, .checkbox-inline label:after {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 0px;
  margin-right: 5px;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: white;
}
.checkbox label:hover:after, .checkbox-inline label:hover:after {
  background-color: rgba(0, 154, 68, 0.5);
}

.field-height-ft, .field-height-in {
  display: inline-block;
  width: 45%;
}

.field-height-ft {
  margin-right: 30px;
}

.input-with-unit .form-control, .input-with-unit .registration-page .form-control.all-border.border-white, .registration-page .input-with-unit .form-control.all-border.border-white {
  display: inline-block;
  width: 80%;
}

.input-unit {
  color: #009a44;
  font-size: 20px;
  font-weight: 300;
}

.nav-button-wrapper {
  width: 270px;
  margin: 60px auto 20px;
}

.gender_question {
  margin: 30px 0;
}

.gender-radio-wrap {
  text-align: center;
}
.gender-radio-wrap div .radio-inline:nth-child(2) {
  margin-right: 0;
}

.female-extra-radio-wrap {
  width: 300px;
  margin: auto;
}

.active-level-radio-wrap, .health-goal-radio-wrap {
  width: 500px;
  margin: auto;
}

.female-extra-question {
  margin: 30px 0 20px;
}

.female-extra-subtitle {
  margin-bottom: 30px;
}

.confirmation-bg {
  position: relative;
  min-height: 80vh;
  background-color: #009a44;
  background-size: cover;
  background-repeat: no-repeat;
}
.confirmation-bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(80, 80, 80, 0.5);
}
@media (min-width: 992px) {
  .confirmation-bg {
    background-color: rgba(255, 255, 255, 0);
  }
  .confirmation-bg:before {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

@media (min-width: 992px) {
  .confirmation-content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

.confirmation-content {
  position: relative;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  color: white;
  z-index: 3;
}
@media (min-width: 992px) {
  .confirmation-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 30px;
    transform: translate(-50%, -50%);
    background-color: #009a44;
  }
}
@media (min-width: 768px) {
  .confirmation-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 60px;
    transform: translate(-50%, -50%);
    background-color: #009a44;
  }
}

.confirm-screen-skip {
  margin-right: 20px;
}

.confirmation-content-text {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 36px;
}

.confirmation-btn-group {
  margin-top: 20px;
}

.footer-skip-link {
  margin-top: 20px;
}

.selected-items-list {
  margin: 30px 0 0;
}

.js-allergies-diet-tags {
  padding: 20px 0 0;
}

.selected-item {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 2px solid #f9a332;
  border-radius: 5px;
  color: #f9a332;
}
.selected-item.selected-item--sm {
  font-size: 16px;
}

.selected-item-label, .selected-item-deselect {
  display: inline-block;
  padding: 5px 8px;
}

.selected-item-deselect {
  cursor: pointer;
}
.selected-item-deselect:hover {
  background-color: #f9a332;
  color: white;
}

.selected-item-label {
  border-right: 1px solid #f9a332;
}

.missing-diet-text {
  margin: 30px 0 0;
}

/********************************** PROFFILE/COMPULSORY QUESTIONS STYLE END **************/
.svg-fill-icon-search,
.svg-fill-icon-alllist,
.svg-fill-icon-alllist-events,
.svg-fill-icon-calendar,
.svg-fill-icon-add,
.svg-fill-icon-collection,
.svg-fill-icon-measurement,
.svg-fill-icon-events,
.svg-fill-icon-events-new {
  fill: #009a44;
}

.svg-stroke-icon-alllist-events,
.svg-stroke-icon-routing,
.svg-stroke-icon-events-new,
.svg-stroke-icon-user,
.svg-stroke-icon-bag {
  stroke: #009a44;
}

.btn-nav-request-demo {
  display: block;
  margin: 0 15px 15px 0;
  padding: 6px 12px;
}
@media (min-width: 768px) {
  .btn-nav-request-demo {
    margin: 8px 15px 0 0;
  }
}

.navbar {
  padding: 10px 0;
}

.navbar-top {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 3;
}

.powered-by-miils-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 140px;
}

.languages-icon {
  width: 3rem;
  height: 3rem;
}
@media (min-width: 768px) {
  .languages-icon {
    margin-top: 3px;
  }
}

#react-container-questions {
  margin: 60px 0;
}
@media (max-width: 991px) {
  #react-container-questions {
    margin: 30px 0;
  }
}

#react-container-questions .form-control {
  margin-bottom: 30px;
  height: 64px;
}

select.form-control, .registration-page select.form-control.all-border.border-white, .select2 {
  margin-bottom: 30px;
  height: 64px;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
select.form-control::-ms-expand, .registration-page select.form-control.all-border.border-white::-ms-expand, .select2::-ms-expand {
  display: none;
}
select.form-control, .registration-page select.form-control.all-border.border-white, .select2 {
  background-position: right 15px top 50%;
  background-repeat: no-repeat;
  background-image: url("../../../img/arrow-down.svg");
  background-size: 25px 25px;
}

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: none !important;
}

.select2-selection__rendered {
  color: #000 !important;
  font-family: "Montserrat", "Open Sans", sans-serif !important;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  min-height: 1.2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 20px !important;
  padding-right: 20px;
  font-size: 22px;
  line-height: 40px !important;
}

.select2-selection__arrow {
  display: none !important;
}

.miils-intro-wrap {
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 15px;
  background-color: #009a44;
}

@media (min-width: 768px) {
  .miils-logo, .miils-text {
    display: inline-block;
    vertical-align: middle;
  }
}

.page-title {
  margin: 30px 0;
}

.miils-logo {
  margin: auto;
  max-width: 200px;
  padding: 20px 20px 20px 0;
}
@media (min-width: 768px) {
  .miils-logo {
    margin-left: 0;
    border-right: 1px solid white;
    width: 15%;
  }
}

.miils-text {
  padding: 3px 0;
  color: white;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 600;
}
.miils-text.title {
  font-size: 35px;
}
@media (max-width: 767px) {
  .miils-text.title {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .miils-text {
    margin-left: 2%;
    width: 80%;
  }
}

.miils-text-sm {
  margin: 30px 0;
  color: #009a44;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.question-section-title {
  margin-top: 30px;
  font-size: 32px;
}
@media (max-width: 991px) {
  .question-section-title {
    font-size: 25px;
  }
}

.nav-button-wrapper {
  width: 280px;
  margin: 60px auto;
}

/******** ADD/EDIT VIEW *********/
.grocery-list-add {
  /* margin: $space-md 0 $space-lg; */
}
@media (max-width: 767px) {
  .grocery-list-add {
    margin-top: 0;
  }
  .grocery-list-add .col-sm-4 {
    position: static;
  }
}

.grey-background {
  background-color: #f2f2f2;
}

@media (min-width: 768px) {
  #grocery-list-form {
    min-height: 600px;
  }
}

.grocery-list-form-wrap {
  margin: 30px 0;
}

.grocery-list-form-btn-wrap {
  margin: 30px 0;
}

.order-urgent-delivery {
  display: none;
  margin-bottom: 60px;
}

#refund_form label {
  padding-top: 10px;
  font-size: 14px;
}
#refund_form .form-control {
  height: 40px;
  font-size: 14px;
  margin-bottom: 0;
}
#refund_form .form-group:last-child {
  margin-bottom: 0;
}

.refund-group-wrap {
  background-color: #f3f3f3;
  margin-top: 30px;
  padding: 20px;
}

.order-table-action-col {
  width: 50px;
}

.shopping-list-search-wrapper {
  /*margin: 0 auto $space-lg;
  max-width: 500px;*/
}
.shopping-list-search-wrapper.search-customers-wrapper {
  margin-top: 30px;
  margin-bottom: 60px;
}
.shopping-list-search-wrapper.search-customers-wrapper .input-group-text {
  height: 40px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #009a44;
  background-color: rgba(255, 255, 255, 0);
}
@media (min-width: 768px) {
  .shopping-list-search-wrapper.search-customers-wrapper .input-group-text {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .shopping-list-search-wrapper {
    margin-top: 0;
    padding-top: 30px;
  }
}

.sl-basic-info {
  display: flex;
  background-color: #F2F2F2;
  margin: 20px 0 0;
  padding: 15px;
}
.sl-basic-info h3, .sl-basic-info #dietplanModalLabel {
  font-size: 22px;
  margin-bottom: 10px;
}
.sl-basic-info p {
  margin-bottom: 0;
}
.sl-basic-info button {
  margin-left: auto;
}

.sl-basic-info-form {
  background-color: #F2F2F2;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.sl-basic-info-form.expanded {
  max-height: 800px;
}
@media (min-width: 768px) {
  .sl-basic-info-form label {
    margin-top: 10px;
  }
}

.shoppinglist-name-edit-input {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  height: 34px;
  margin-bottom: 0;
  background-color: #F2F2F2;
}

.sl-basic-info-form label {
  font-size: 16px;
}

.shoppinglist-tags a {
  color: #58595b;
}

.sl-column-title {
  padding: 1rem 0;
  font-weight: 700;
}

.search-tag {
  margin: 10px 10px 0 0;
  border-radius: 20px;
  border: 1px solid #009a44;
  padding: 5px 15px !important;
  background-color: #F2F2F2;
  font-size: 16px;
  text-align: center;
}

.search-tag + .search-tag {
  margin-left: 0;
}

.search-tag.active {
  border: none;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}

.modal-header {
  border-bottom: 2px solid #009a44;
}

.modal-title {
  margin: 0 -15px;
  padding: 0 15px;
}

.ingredient-image-wrap {
  position: relative;
  padding: 50px 7% 7%;
  margin: auto;
  background: #fff;
}
.ingredient-image-wrap img {
  margin: auto;
}

.ingredient-information-wrap {
  background: #fff;
  -webkit-box-shadow: 3px 8px 31px -5px #cccbcb;
  -moz-box-shadow: 3px 8px 31px -5px #cccbcb;
  box-shadow: 3px 8px 31px -5px #cccbcb;
  position: relative;
}

.product-search .input-group-text {
  border-bottom: 2px solid #009a44;
}
.product-search .form-control:focus, .product-search .registration-page .form-control.all-border.border-white:focus, .registration-page .product-search .form-control.all-border.border-white:focus {
  background-color: #F2F2F2;
}

.add-to-shoppinglist-button {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #009a44;
  opacity: 0.8;
  padding: 15px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
}
.add-to-shoppinglist-button svg {
  width: 30px;
  height: 30px;
}
.add-to-shoppinglist-button .svg-fill-icon-add {
  fill: white;
}
.add-to-shoppinglist-button:hover, .add-to-shoppinglist-button:focus {
  opacity: 1;
}

.shoppinglist-ingredient-modal .modal-body {
  padding-bottom: 0;
}

.sl-recommendation-wrap {
  background-color: #F2F2F2;
  margin: 0 -15px;
  padding: 15px;
}

.sl-recommendation {
  display: none;
}

.nav-pills > li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.nav-pills > li > a {
  padding: 10px;
  border: 2px solid #f9a332;
  border-radius: 0;
  color: #f9a332;
}
.nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li > a.active {
  border: 2px solid #f9a332;
  background-color: #f9a332 !important;
  color: white;
}

#slSuggestionTabList {
  margin: 20px 0 0 0;
  font-size: 16px;
}

.sl-modal-buttons {
  padding: 20px 0;
}
.sl-modal-buttons .btn + .btn {
  margin-left: 10px;
}

.ingredient-suggestion-heading {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #009a44;
}

.ingredient-suggestion-name {
  margin-bottom: 10px;
}

.ingredient-suggestion-price {
  margin-bottom: 20px;
}

.ingredient-suggestion-hint {
  color: #009a44;
  font-weight: 600;
}

.shopping-list-item:nth-child(2n+1) {
  clear: left;
}
@media (min-width: 992px) {
  .shopping-list-item:nth-child(2n+1) {
    clear: none;
  }
  .shopping-list-item:nth-child(3n+1) {
    clear: left;
  }
}

.shoppinglist-ingredient-wrap {
  border-bottom: 1px solid #DDDDDD;
}

.shoppinglist-ingredient-info {
  padding: 10px;
  background-color: #dff1e6;
}

.shoppinglist-badge {
  position: absolute;
  max-width: 80%;
  left: -10px;
  top: -10px;
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 2;
  font-size: 16px;
  font-weight: 700;
  background-color: #efdf00;
  color: #007864;
}

.shoppinglist-ingredient-name {
  margin: 10px 0;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  font-weight: normal;
}
@media (max-width: 767px) {
  .shoppinglist-ingredient-name {
    font-size: 14px;
  }
}

.shoppinglist-ingredient-price_show {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.shoppinglist-ingredient-additional-info {
  color: #58595b;
}

.shopping-list-search-wrapper .form-control::-webkit-input-placeholder, .shopping-list-search-wrapper .registration-page .form-control.all-border.border-white::-webkit-input-placeholder, .registration-page .shopping-list-search-wrapper .form-control.all-border.border-white::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}
.shopping-list-search-wrapper .form-control:-moz-placeholder, .shopping-list-search-wrapper .registration-page .form-control.all-border.border-white:-moz-placeholder, .registration-page .shopping-list-search-wrapper .form-control.all-border.border-white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.shopping-list-search-wrapper .form-control::-moz-placeholder, .shopping-list-search-wrapper .registration-page .form-control.all-border.border-white::-moz-placeholder, .registration-page .shopping-list-search-wrapper .form-control.all-border.border-white::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
  opacity: 1;
}
.shopping-list-search-wrapper .form-control:-ms-input-placeholder, .shopping-list-search-wrapper .registration-page .form-control.all-border.border-white:-ms-input-placeholder, .registration-page .shopping-list-search-wrapper .form-control.all-border.border-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 300;
  font-size: 18px;
  color: #58595b;
}

.shoppinglist-name-wrap {
  margin: 0 -15px;
  border-bottom: 2px solid #009a44;
  padding: 15px;
}

.shoppinglist-name {
  margin-bottom: 0;
}

.shoppinglist-nutrition-row {
  padding-top: 20px;
  border-bottom: 1px solid #DDDDDD;
  overflow: auto;
}

.shoppinglist-nutrition-4,
.shoppinglist-nutrition-5 {
  float: left;
  padding: 0 5px;
  font-size: 10px;
}

.shoppinglist-nutrition-4 {
  width: 33%;
}

.shoppinglist-nutrition-5 {
  width: 20%;
}

.shoppingbag-nutr-img {
  height: 80px;
}

.shoppinglist-allergies-diet-wrap {
  padding-top: 22px;
}
.shoppinglist-allergies-diet-wrap .btn-group {
  margin-left: 10px;
}
.shoppinglist-allergies-diet-wrap .multiselect-container {
  padding: 10px;
}
.shoppinglist-allergies-diet-wrap .checkbox {
  min-height: auto;
}
.shoppinglist-allergies-diet-wrap .checkbox input {
  margin-right: 10px;
}

.ingredient-amount-info {
  color: #009a44;
}

.shoppinglist-no-item-plus {
  font-size: 36px;
  font-weight: 600;
  color: #009a44;
}

.sl-view-nutrients-summary {
  background-color: #F2F2F2;
  padding: 30px;
  font-size: 18px;
  font-weight: 300;
}

.progress-bar-wrap {
  position: relative;
  padding-top: 40px;
}

.progress-bar-min-label, .progress-bar-max-label {
  position: absolute;
  top: 0;
  font-weight: normal;
}

.progress-bar-min-label {
  left: 0;
  right: auto;
}

.progress-bar-max-label {
  right: 0;
  left: auto;
}

.custom-progress-bar {
  position: relative;
  height: 30px;
  width: 100%;
  border: 1px solid #009a44;
  border-radius: 30px;
}
.custom-progress-bar .custom-progress-bar-fill {
  position: absolute;
  top: -1px;
  left: 0;
  border: 1px solid #009a44;
  border-radius: 30px;
  height: 30px;
  background-color: #009a44;
}
.custom-progress-bar .custom-progress-bar-fill-label {
  position: absolute;
  color: white;
  font-size: 18px;
  font-weight: 600;
  top: 2px;
  left: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);
}
.custom-progress-bar.custom-progress-bar-20 .custom-progress-bar-fill {
  width: 20%;
}
.custom-progress-bar.custom-progress-bar-40 .custom-progress-bar-fill {
  width: 40%;
}
.custom-progress-bar.custom-progress-bar-60 .custom-progress-bar-fill {
  width: 60%;
}
.custom-progress-bar.custom-progress-bar-80 .custom-progress-bar-fill {
  width: 80%;
}
.custom-progress-bar.custom-progress-bar-100 .custom-progress-bar-fill {
  width: 100%;
}

.summary-reward {
  margin: 30px 0;
}

.summary-reward-label {
  display: inline-block;
  margin-right: 10px;
  font-weight: 600;
  color: #009a44;
}

.summary-reward-value {
  font-weight: 700;
  font-size: 28px;
  color: #009a44;
}

.how-to-use-title {
  margin: 30px 0 20px;
  color: #009a44;
  font-weight: normal;
}

.summary-text-icon {
  margin-top: 20px;
}

.summary-icon, .summary-text {
  display: inline-block;
  vertical-align: middle;
}

.summary-icon {
  width: 20%;
  max-width: 100px;
}
.summary-icon svg {
  width: 40px;
  height: 40px;
}

.summary-text {
  width: 75%;
}

.order-summary-btns-checkboxes {
  margin-bottom: 60px;
}

#reward_checkbox + label {
  color: #009a44;
}

.shoppinglist-view-item-price {
  text-align: center;
}

.refund-text-wrap {
  margin-bottom: 30px;
}

.shoppinglist-view-item-amount {
  display: inline-block;
  color: #009a44;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 20px;
}

.shoppinglist-view-table > thead > tr > th {
  border-color: #009a44;
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
}

.js-refund-toggler {
  cursor: pointer;
}

.shoppinglist-view-btn-wrap {
  margin: 30px auto 60px;
  width: 370px;
  text-align: center;
}
.shoppinglist-view-btn-wrap .btn + .btn {
  margin-left: 20px;
}

#top-right-dropdowns svg, .bottom-navbar svg {
  width: 30px;
  height: 30px;
}

.add-open-search > img {
  width: 48px !important;
  height: 48px;
  max-width: 48px !important;
}

@media (min-width: 768px) {
  .icon-text {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .icon-text {
    font-size: 16px;
  }
}

.ingr-image {
  max-height: 80px !important;
  padding-top: 2px;
  padding-bottom: 2px;
}

.select2-container .select2-selection--single {
  border-color: #58595b;
  height: 64px;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 64px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 50px;
  height: 62px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 10px 10px 5px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 10px 10px;
}

.customers-search-table {
  font-size: 18px;
  margin-bottom: 60px;
}
.customers-search-table > tbody > tr > td {
  padding: 10px 15px;
  vertical-align: middle;
}
.customers-search-table > thead > tr > th {
  border-bottom-width: 1px;
  padding: 10px 15px;
  font-size: 24px;
  font-family: "Montserrat", "Open Sans", sans-serif;
}

.customers-search-table-col-btn {
  width: 200px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination > li > a, .pagination > li > span {
  color: #009a44;
}

.pagination > li > a {
  border: 1px solid #009a44;
}
.pagination > li > a:hover, .pagination > li > a:focus {
  border: 1px solid #009a44;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #009a44;
}

.hijacked-warning {
  margin: 0px;
  border-radius: 0;
  background-color: #58595b;
  padding: 5px 15px;
  font-size: 14px;
  color: white;
}
.hijacked-warning .btn {
  padding: 2px 10px;
  font-size: 14px;
  margin-left: 10px;
}

.deleted-pane {
  background-color: #F56A00;
}

#ui-datepicker-div {
  font-size: 16px;
}

.order-list--margin-bottom {
  margin-bottom: 5rem;
}

#mid-aside-plan.shoppingbag {
  height: auto !important;
}

.recommend-overlay {
  transform: translateY(-400%);
  opacity: 0.9;
  font-weight: 600;
}

/*
//affix
ul#slist1 li:last-child {
  margin-bottom: 400px !important;
}
*/
.btn-feedback-wrap {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 900;
  -webkit-box-shadow: -2px -1px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px -1px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -2px -1px 20px 0px rgba(0, 0, 0, 0.2);
}

.btn-feedback,
.btn-send-feedback,
.btn-show-shoppinglist-form,
.js-shoppinglist-close-btn {
  padding: 8px 16px;
  font-size: 14px;
}

.feedback-popup-wrap {
  display: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 1035;
  width: 400px;
  background-color: white;
  -webkit-box-shadow: 4px 6px 11px -2px rgb(172, 172, 172);
  -moz-box-shadow: 4px 6px 11px -2px rgb(172, 172, 172);
  box-shadow: 4px 6px 11px -2px rgb(172, 172, 172);
}
@media (max-width: 767px) {
  .feedback-popup-wrap {
    bottom: 85px;
    width: calc(100% - 30px);
  }
}

.feedback-popup-header, .shopping-popup-header {
  padding: 10px 20px;
}

.feedback-popup-form-wrap {
  padding: 20px;
}

.feedback-popup-header, .shopping-popup-header {
  background-color: #f9a332;
}
.feedback-popup-header .glyphicon-remove, .shopping-popup-header .glyphicon-remove {
  float: right;
  padding: 5px;
  font-size: 18px;
  color: white;
  cursor: pointer;
}

.shopping-popup-header {
  background-color: #009a44;
  color: white;
}

.feedback-msg {
  margin: 20px 0;
  color: #f56a00;
}

#feedback_text {
  resize: none;
}

.affix {
  width: 64.6%;
}
@media (max-width: 767px) {
  .affix {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mobile-shoppinglist-form {
    bottom: 85px;
    background-color: white;
    padding: 15px 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .mobile-shoppinglist-form {
    padding: 15px;
  }
}

.btn-show-shoppinglist-form {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 900;
  -webkit-box-shadow: -2px -1px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px -1px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -2px -1px 20px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .btn-show-shoppinglist-form {
    display: none;
  }
}

/****** FAQ modal *********/
.faq-item {
  margin-bottom: 20px;
}

.faq-item__question {
  margin-bottom: 5px;
  font-weight: 600;
}

.ui-datepicker {
  width: 18.5em !important;
  max-width: 100%;
}

.ui-datepicker-month, .ui-datepicker-year {
  height: 30px;
}

.ui-datepicker-month {
  margin-right: 10px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 8px;
}

.open-slitem-detail {
  border: 0;
  width: 20px;
  padding: 0 2px;
  background: rgba(255, 255, 255, 0);
}
.open-slitem-detail .glyphicon {
  font-size: 16px;
  line-height: 1;
  color: #acacac;
}
.open-slitem-detail:hover .glyphicon, .open-slitem-detail:focus .glyphicon, .open-slitem-detail:active .glyphicon {
  color: #009a44;
}

.slitem-info-popup__table {
  width: 100%;
  margin-bottom: 10px;
}
.slitem-info-popup__table td {
  border-top: 1px solid #DDDDDD;
}
.slitem-info-popup__table th, .slitem-info-popup__table td {
  padding: 3px 0;
}

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