label { cursor: pointer; }

* { outline: none; -webkit-text-size-adjust: none; font-kerning: none; }
body {
  box-sizing: border-box;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
}


a { text-decoration: none; }
ul {
  padding-left: 20px;
}


*[data-hasrequired] {
  position: relative;
}
*[data-hasrequired]:after {
  top: 0; right: 0;
  margin: 0;
  content: attr(data-hasrequired);
  display: block;
  color: #e02b27;
  font-size: 12px;
  position: absolute;
}
.form-control {
  color: #8dafc1;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  background-image: none;
  border: 1px solid #8dafc1;
  border-radius: 1px;
}

.flex-field {
  display: flex;
}
.flex-field button {
  text-align: center;
  margin-left: 10px;
}

.fa-morning {
  overflow: hidden;
  text-decoration: line-through;
  height: 11px;
}
.fa-evening {
  overflow: hidden;
  text-decoration: line-through;
  height: 11px;
}


.dhx_cal_event.event_active div.dhx_footer{
  background-color: transparent !important;
}
.dhx_cal_event.event_active div, .dhx_cal_event_line.event_active{
  background-color: #68bf9f !important;
  color: #ffffff !important;
}


input[type=text],
input[type=password],
input[type=number],
input[type=email] { -webkit-appearance: none; -webkit-border-radius: 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
select { -webkit-border-radius: 0; }

/* .page-content img {
  -webkit-animation: fadein .3s;
  -moz-animation: fadein .3s;
  -ms-animation: fadein .3s;
  -o-animation: fadein .3s;
  animation: fadein .3s;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}*/

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.mdl-typography--subhead {
  letter-spacing: 0; }
.is-sticky {
  top: 10px;
}
.material-icons.fa {
  font-size: 18px;
}
.mdl-layout__obfuscator {
  position: fixed;
}
.mdl-button {
  font-size: 14px;
  letter-spacing: .25px;
}
.mdl-button-big {
  height: 48px;
  line-height: 48px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.mdl-block {
  display: block;
  width: 100%;
  box-sizing: border-box;
}


.mdl-button--raised:focus:not(:active) {
  box-shadow: none;
}

.mdl-checkbox__label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mdl-textfield--expandable {
  line-height: 32px;
}

.side-cart .mdl-data-table th,
.side-cart .mdl-data-table td {
  vertical-align: top;
}

.follow-us {
  margin-top: 15px;
}
.follow-us ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.follow-us ul li {
  display: inline-block;
  margin: 0;
  padding: 0 5px 0 0;
}
.follow-us .fa {
  border-radius: 50%;
  color: #fff;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  background: #000;
}
.follow-us .fa-facebook {
  border-radius: 4px;
  padding: 3px;
  font-size: 20px;
  color: #ffffff;
  background-color: #3b5998;
  border-color: #3b5998;
}
.follow-us .fa-google-plus {
  background: #da4831;
}
.follow-us .fa-twitter {
  background: #02a0f5;
}


.mdl-layout__header {
  z-index: 3;
  position: relative;
}

.searc-layout__obfuscator {
  z-index: 2;
}
.mdl-search > .mdl-button {
  display: none;
  position: absolute;
  top: 13px;
  right: 16px;
}
.mdl-search .mdl-textfield {
  width: 100%;
  box-sizing: border-box;
  margin: -9px 0;
  padding-left: 32px;
}
.mdl-search .mdl-textfield__input {
  width: 0;
  box-sizing: border-box;
}

.ngdialog[role="alertdialog"].ngdialog-theme-default {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ngdialog[role="alertdialog"].ngdialog-theme-default.calendar-dialog .ngdialog-content[role="document"] {
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  min-height: initial;
  height: initial;
}

.ngdialog[role="alertdialog"]:not([aria-describedby*="aria-describedby"]) .ngdialog-content[role="document"] {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ngdialog-image-dialog[role="alertdialog"]:not([aria-describedby*="aria-describedby"]) .ngdialog-content[role="document"] {
  top: 0;
  bottom: 0;
}

.ngdialog[role="alertdialog"].ngdialog-theme-default.menu-form .ngdialog-content[role="document"] {
    width: initial;
    height: initial;
    min-height: initial;
    position: inherit;
  max-height: calc(100% - 20px);
  overflow: auto;
}

.ngdialog[role="alertdialog"][aria-describedby*="aria-describedby"] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ngdialog[role="alertdialog"] .ngdialog-content[role="document"] .mdl-typography--text-center {
  /*position: absolute;
  top: 50%;
  transform: translate(0,-50%);*/
}

.ngdialog-content .mdl-textfield {
  padding: 20px 0 0 0;
}

.ngdialog-content input.mdl-textfield__input,
.ngdialog-content textarea.mdl-textfield__input {
  border: 1px solid #A3BDCB;
  margin-top: 8px;
  padding: 4px;
}

.ngdialog-content .mdl-textfield.is-invalid .mdl-textfield__input,
.ngdialog-content .ngcontent-image-holder.is-invalid {
  border: 1px solid #d50000;
}

.ngdialog-content .mdl-textfield label.mdl-textfield__label {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #444;
}
.ngdialog-content .mdl-textfield label.mdl-textfield__label {
  top: 4px;
  padding: 0;
}
.ngdialog-content .mdl-textfield__label:after {
  display: none;
}

.ngdialog-content #price.mdl-textfield__input {
  float: left;
}

.ngdialog-content .price-holder {
  width: 20%;
  float: left;
}

.ngdialog-content .currency-symbol {
  position: absolute;
  line-height: 48px;
  right: -15px;
  font-size: 14px;
}

.ngdialog-content .mdl-typography--title {
  font-size: 18px;
  letter-spacing: 0em;
}

.ngdialog-content .mdl-textfield__label::after {
  bottom: 5px;
}
.mdl-textfield__input {
  border-bottom: 1px solid #ffffff;
}
.mdl-textfield__label::after {
  height: 2px;
  background-color: #fafafa;
}
.ngdialog-content .mdl-textfield__error {
  display: none;
  white-space: nowrap;
}
.ngdialog-content .is-invalid .mdl-textfield__error {
  display: block;
  position: static;
  clear: both;
}

.ngdialog-content .block-title {
  padding: 2px 0 12px 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-content .ngdialog-close::before {
  font-weight: 800;
  color: #A3BDCB;
  margin: 10px 10px 0 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-content .mdl-grid.form-grid > .mdl-cell:nth-child(2n+1) {
  padding-right: 20px;
}

.ngdialog-content .mdl-button.back {
  float: right;
  color: #A3BDCB;
  line-height: 45px;
  font-weight: 600;
  height: initial;
}

.ngdialog-content #menuButton.mdl-button {
  position: relative;
  float: right;
  height: 45px;
  font-weight: 600;
  font-size: 16px;
  background-color: #8AC6B0;
}

.ngdialog-content .form-button-holder {
  height: 60px;
}

.mdl-search .mdl-textfield .mdl-button {
  right: auto;
  left: 0;
  bottom: 16px;
}
.mdl-layout__header-row ul.mdl-navigation .mdl-search.is-open {
  position: absolute;
  left: 230px;
  top: 0;
  right: 0;
  z-index: 5;
  box-sizing: border-box;
}

.mdl-layout__drawer.mdl-layout__drawer--left .mdl-navigation .category-nav {
  background: none;
}

.mdl-layout__drawer.mdl-layout__drawer--left .mdl-navigation .category-nav .mdl-navigation.container {
  padding: 20px 0 0;
}

.mdl-layout__drawer.mdl-layout__drawer--left .mdl-navigation .category-nav a {
  line-height: 14px;
  padding: 8px 20px;
  border-bottom: 1px solid #e3f2fd;
  background-color: #A5CCDF;
}

.mdl-layout__drawer.mdl-layout__drawer--left .mdl-navigation .category-nav a span {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  color: white;
}

.mdl-search.is-open .mdl-textfield {
  padding-right: 230px;
}
.mdl-search.is-open > .mdl-button {
  display: block;
}
.mdl-search.is-open .mdl-textfield__input {
  width: 100%;
}
.search-menu {
  position: absolute;
  list-style: none;
  top: 56px;
  left: 32px;
  height: auto;
  width: auto;
  min-width: calc(100% - 302px);
  padding: 0;
  margin: 0;
  background: white;
  z-index: 2;
  border-radius: 2px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.search-menu .mdl-menu__item {
  opacity: 1;
  height: auto;
  line-height: 1.3;
  padding: 10px;
  white-space: normal;
}
.search-menu .mdl-menu__item.search {
  background-color: #68bf9f;
  color: #FFF;
  font-size: 19px;
}
.search-menu .mdl-menu__item img {
  width: 48px;
  height: 48px;
  overflow: hidden;
  vertical-align: middle;
}


.data-loading {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.page-loading {
  z-index: 10000;
  background-color: #ffffff;
}
.mdl-layout__obfuscator.is-visible {
  background-color: rgba(0, 0, 0, 0.3);
}


.mdl-layout__container {
  position: static;
  height: auto;
}
.mdl-layout {
  height: auto;
  position: static;
}


.mdl-textfield__error {
  visibility: visible;
}
.mdl-navigation__link {
  opacity: 1;
  cursor: pointer;
  font-weight: 600;
}

.mdl-badge.ml-badge {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  color: white;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
}
.mdl-badge.ml-badge:after {
  display: none;
}


.padding-right-32 { padding-right: 32px; }
.mdl-button.back {
  margin-left: 16px;
}

.mdl-button.cart-info,
.mdl-button.shopping-info {
  overflow: inherit;
}
.mdl-button.cart-info .mdl-badge.ml-badge,
.mdl-button.shopping-info .mdl-badge.ml-badge {
  top: -5px;
  right: -8px;
  background-color: #e04c32;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  top: 0px;
}

.required-fields {
  margin: 0;
  display: inline;
  color: #e02b27;
  font-size: 12px;
  position: relative;
  bottom: 20px;
  left: 10px;
}

select:not(.edit-ingredients-block select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 16px;
  font-family: "Montserrat", "Helvetica","Arial",sans-serif;
  margin: 0;
  padding: 4px 28px 4px 0px !important;
  width: 100%;
  text-align: left;
  color: inherit;
  background: url('../images/select-bg.svg') no-repeat 100% 45% !important;
  /*border: 1px solid #ccc;
  height: 32px;
  background-size: 30px 60px;
  text-indent: .01em;
  text-overflow: '';
  background-clip: padding-box;
  border-radius: 2px;
  font-family: "Helvetica","Arial",sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  padding: 5px 25px 4px 10px;
  vertical-align: baseline;
  width: 100%;
  box-sizing: border-box;*/
}

.edit-ingredients-block select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 16px;
  font-family: "Montserrat", "Helvetica","Arial",sans-serif;
  margin: 0;
  padding: 4px 28px 4px 10px !important;
  width: 100%;
  text-align: left;
  color: inherit;
  background: url('../images/select-bg.svg') no-repeat 100% 45% !important;
  /*border: 1px solid #ccc;
  height: 32px;
  background-size: 30px 60px;
  text-indent: .01em;
  text-overflow: '';
  background-clip: padding-box;
  border-radius: 2px;
  font-family: "Helvetica","Arial",sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  padding: 5px 25px 4px 10px;
  vertical-align: baseline;
  width: 100%;
  box-sizing: border-box;*/
}

.mdl-data-table {
  width: 100%;
  border: 0;
  white-space: inherit;
}
.mdl-data-table tbody tr:hover {
  background-color: inherit;
}
.mdl-data-table th,
.mdl-data-table td {
  height: auto;
}
.no-border th,
.no-border td {
  border-top: 0;
  border-bottom: 0;
}
.mdl-data-table td {
  border-top: 1px solid #f4f4f4;
  border-bottom: 0;
}
.mdl-data-table .product-name { width: 80%; }
.mdl-data-table .product-name a {
  font-size: 16px;
  text-decoration: none;
  color: rgba(0,0,0,.87);
}
.mdl-data-table .product-image {  }
.mdl-data-table .product-image img { width: 100px; }
.mdl-data-table select { width: 44px; }
.mdl-data-table tbody th {
  border-top: 1px solid #f4f4f4;
  border-bottom: 0;
}
.mdl-data-table tbody tr:last-child th,
.mdl-data-table tbody tr:last-child td {
  border-bottom: 1px solid #f4f4f4;
}

.mdl-data-table.totals-table {
  margin-bottom: 24px;
}
.mdl-data-table.totals-table th,
.mdl-data-table.totals-table td {
  border-top: 0;
  border-bottom: 0 !important;
  padding-top: 6px;
  padding-bottom: 6px;
}

.compare-table th,
.compare-table td {
  padding: 8px !important;
  line-height: 1;
  text-align: left;
  vertical-align: top;
}
.compare-table ul {
  margin: 0;
}
.compare-table img {
  width: 100%;
  max-width: 280px;
}
.compare-table h1 {
  font-size: 16px;
}
.compare-table .swatch-image {
  display: none;
}
.compare-table .swatch-holder {
  padding-left: 0;
}

.mdl-textfield.required label.mdl-textfield__label > span:after {
  content: '*';
  display: inline-block;
  padding-left: 3px;
  color: #e02b27;
}


.mdl-layout__drawer {
  border-right: 0;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  padding: 8px 0;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
  background-color: inherit;
}
.mdl-layout__drawer .mdl-navigation {
  padding: 0 32px;
}


.mdl-layout__drawer .mdl-navigation .mdl-textfield {
  position: relative;
  padding: 0;
}
.mdl-layout__drawer .mdl-navigation .mdl-textfield .mdl-textfield__input {
  border-bottom: 0;
  padding-left: 32px;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
}
.mdl-layout__drawer .mdl-navigation .mdl-textfield .search-button-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}
.mdl-layout__drawer .mdl-navigation .mdl-textfield .search-button-icon .material-icons {
  left: 13px;
}
.mdl-layout__drawer .mdl-navigation .close-btn {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}
.mdl-layout__drawer .mdl-navigation .mdl-textfield .mdl-button:last-child {
  left: auto;
  right: 0;
  bottom: 10px;
  background: rgba(0,0,0,.2);
  width: 20px;
  height: 20px;
  min-width: 20px;
  line-height: 20px;
  font-size: 16px;
}
.mdl-layout__drawer .mdl-navigation .mdl-textfield .mdl-button:last-child .fa {
  width: 20px;
  line-height: 20px;
  font-size: 12px;
  transform: translate(-10px, -10px);
}

.mdl-layout__drawer .mdl-navigation .search-menu {
  position: static;
  width: 100%;
  min-width: 240px;
  padding: 0 !important;
  margin: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.mdl-layout__drawer .mdl-navigation .search-menu img {
  display: none;
}
.mdl-layout__drawer .mdl-navigation .search-menu .mdl-menu__item {
  padding: 10px 0;
  color: #ffffff;
  border-bottom: 0;
  border-top-style: solid;
  border-top-width: 1px;
}
.mdl-layout__drawer .mdl-navigation .search-menu .mdl-menu__item:hover {
  background-color: inherit;
}

.mdl-layout__drawer .mdl-navigation.search-open .mdl-textfield .search-button-icon {
  width: 32px;
}
.mdl-layout__drawer .mdl-navigation.search-open .mdl-textfield .search-button-icon .material-icons {
  left: 50%;
}

.mdl-layout__drawer .mdl-navigation.search-open .category-link {
  display: none;
}
.mdl-layout__drawer .mdl-navigation.search-open .close-btn {
  display: block;
}


.mdl-layout__drawer--right > .mdl-button {
  position: absolute;
  right: 10px; top: 10px;
  z-index: 2;
}
.mdl-layout__drawer--right {
  left: 100%;
  position: fixed;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  z-index: 101;
  width: 400px;
  overflow: hidden;
}
.mdl-layout__drawer--right>.mdl-layout__title, .mdl-layout__drawer--right>.mdl-layout-title {
  width: 100%;
  overflow: hidden;
  line-height: 56px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
}
.mdl-layout__drawer--right.is-visible {
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
  z-index: 1000;
}
.mdl-layout__drawer--right .mdl-data-table {
  white-space: normal;
  background: transparent;
}
.mdl-layout__drawer--right .mdl-data-table .product-image img { width: 80px; }
.mdl-layout__drawer--right .mdl-data-table td {
  padding: 8px 0 8px 8px !important;
  line-height: 16px;
}
.mdl-layout__drawer--right .mdl-data-table th:last-child,
.mdl-layout__drawer--right .mdl-data-table td:last-child {
  padding-right: 8px !important;
}
.mdl-layout__drawer--right .mdl-data-table .product-name {
  width: auto;
}
.mdl-layout__drawer--right .mdl-data-table .product-name a {

}
.mdl-layout__drawer--right .mdl-data-table .mdl-button {
  float: right;
}

.mdl-layout__drawer--right .mdl-data-table td.product-image {
  width: 80px;
}
.side-cart {
  padding: 0;
  display: block;
  overflow: auto;
  height: 100%;
  max-height: calc(100% - 56px);
}
.side-cart_actions {
  padding: 8px 16px;
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,.12);
}
.side-cart-accordion {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  min-height: calc(100% - 114px);
}
.side-cart-accordion accordion {
  order: 1;
}
.side-cart-accordion .list-group-item {
  order: 2;
}
.side-cart_actions .mdl-button {
  display: block;
  margin-top: 8px;
}
.side-cart_actions #add-custom-items a {
  color: #68bf9f;
  background: #edf2f5;
}
.side-cart_actions a#wishlist_send-to-email__button:hover,
.side-cart_actions #add-custom-items a:hover {
  background-color: #68bfb5;
  color: #fff;
}

.mdl-mega-footer {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 30px 0 16px 0;
}
.mdl-mega-footer .mdl-logo {
  color: inherit;
}
.mdl-mega-footer .mdl-logo img {
  height: 14px;
  width: auto;
  margin-top: -2px;
  vertical-align: middle;
}
.mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
  height: 44px;
  padding: 0;
  margin-top: 0;
}
.mdl-mega-footer--heading, .mdl-mega-footer__heading {
  margin-top: 0;
  padding-right: 44px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 44px;
  font-weight: 500;
}


.container,
.page-content {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.page-content .container {
  padding: 0;
}
.page-content .container .page-title-wrapper {
  padding-top: 10px;
}
.page-content ng-include > .container .page-title-wrapper {
  padding: 0 0 5px;
}
main {
  padding: 0;
}


.mdl-layout__drawer--left {
  width: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.mdl-layout__drawer--left > .mdl-button {
  position: absolute;
  right: 10px; top: 10px;
  z-index: 2;
}
.mdl-layout__drawer .mdl-layout-title img {
  height: 22px;
  width: auto;
  display: block;
  margin: 16px auto;
}
.mdl-layout__drawer .mdl-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mdl-layout__drawer .mdl-navigation ul li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}


.mdl-layout__header-row .mdl-layout-title img {
  height: 23px;
  width: auto;
  display: block;
}
.mdl-layout__header-row {
  padding-left: 16px !important;
  padding-right: 16px;
  position: relative;
  align-content: space-between;
  justify-content: space-between;
}
.mdl-layout__header-row ul.mdl-navigation .mdl-navigation__link {
  padding: 0;
  margin-left: 12px;
}

.mdl-layout__header-row div.mdl-navigation {
  text-align: center;
}
.mdl-layout__header-row div.mdl-navigation .mdl-navigation__link {
  display: inline-block;
  position: relative;
  padding: 0 20px;
}

.mdl-layout__header-row .mdl-navigation ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mdl-layout__header-row .mdl-navigation ul li {
  display: inline-block;
}
.mdl-layout__header-row .mdl-navigation ul li ul {
  position: absolute;
  width: 100%;
  min-width: 160px;
  text-align: center;
  z-index: 2;
  top: 56px;
  left: 0;
  background: #fff;
  display: none;
}
.mdl-layout__header-row .mdl-navigation  li:hover > ul {
  display: block;
}
.mdl-layout__header-row .mdl-navigation ul li ul li {
  display: inline-block;
}
.mdl-layout__header-row .mdl-navigation ul li ul li .mdl-navigation__link {
  display: block;
  padding: 16px;
  color: rgba(0,0,0,.87);
  white-space: nowrap;
  line-height: inherit;
}
.mdl-layout__header-row .mdl-navigation ul li ul li .mdl-navigation__link img {
  display: block;
  width: 80px;
  margin: 0 auto;
}

.mdl-layout__header-row .mdl-navigation span.mdl-color--primary {
  position: absolute;
  display: none;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2px;
}
.mdl-layout__header-row .mdl-navigation .is-active span.mdl-color--primary,
.mdl-layout__header-row .mdl-navigation .mdl-navigation__link:hover span.mdl-color--primary {
  display: block;
}

.mdl-layout__header-row .mdl-navigation ul li.mdl-menu__item {
  display: block;
}
.mdl-layout__header-row .mdl-navigation ul li.mdl-menu__item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}


.order-status {
  margin: 5px 0 0 10px;
  padding: 3px 10px;
  border: 2px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: top;
}

.page-content {
  padding: 20px;
  min-height: 240px;
  position: relative;
}
.page-title-wrapper { padding: 27px 0 0 0; text-align: center}
.page-title-wrapper h1 { display: inline-block; margin-top: 0; margin-bottom: 16px; }


ul.mdl-menu {
  padding: 0;
}
.mdl-textfield {
  width: 100%;
}
.mdl-textfield-right .mdl-button {
  right: 0;
}


.mdl-grid {
  position: relative;
}
.mdl-cell--middle {
  margin: 0 auto;
}

.mdl-grid.form-grid > .mdl-cell:nth-child(odd){
  padding-right: 10px;
}
.mdl-grid.form-grid > .mdl-cell:nth-child(even){
  padding-left: 10px;
}


.empty-container {
  padding-top: 24px;
  text-align: center;
}

dl.item-options {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 12px;
  line-height: 15px;
}
dl.item-options dt {
  float: left;
  clear: left;
  margin: 0;
  padding: 0 10px 0 0;
}
dl.item-options dd {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.splitter {
  position: relative;
  height: 1px;
  margin: 20px;
  background: #e5f1eb;
}
.splitter .mdl-button {
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  border: #e5f1eb solid 1px;
  color: #68bf9f;
  font-size: 12px;
  line-height: 38px;
  text-transform: uppercase;
  background-color: #ffffff;
  cursor: default;
  box-sizing: border-box;
  box-shadow: none;
}


.block {
  padding-bottom: 32px;
}
.block-title {
  padding: 0 0 8px 0;
  margin: 0 0 16px 0;
  border-bottom: #e5f1eb solid 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.block-title p { flex: 0 0 100%; margin: 4px 0 0 0; }
.block-title.required strong:after {
  content: '*';
  display: inline-block;
  padding-left: 3px;
  color: #e02b27;
}
.block-actions {
  padding: 20px 0 0 0;
}
.block-actions .mdl-button {
    margin-left: 10px;
}
.block-actions .mdl-button:first-child {
    margin-left: 0;
}

.shopping-list-item {
  border-bottom: #f3f3f3 solid 1px;
}
.shopping-list-item .mdl-checkbox {
  height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 44px;
  padding-right: 10px;
}
.shopping-list-item .mdl-checkbox.is-checked {
  /*background-color: #8ac6b0;
  color: #ffffff;*/
}
.shopping-list-item .mdl-checkbox__ripple-container {
  top: 4px;
  left: 4px;
}
.shopping-list-item .mdl-checkbox__focus-helper {
  top: 14px;
  left: 14px;
}
.shopping-list-item .mdl-checkbox__box-outline {
  top: 14px;
  left: 14px;
}

.step-4 div.is-invalid .mdl-checkbox__box-outline {
  border: 1px solid #d50000;
}

.mdl-checkbox__cell {
  width: 32px;
}


.category-section .mdl-grid.mdl-grid--no-spacing {
  position: relative;
  margin: -20px;
}
.category-section .mdl-grid.mdl-grid--no-spacing .products-cell {
  padding: 0 20px 20px 20px;
}
.block-filters {
  padding-bottom: 0;
}
.block-filters .block-title {
  margin-bottom: 0;
  border-bottom-width: 2px;
}
.block-filters .block-title .mdl-button {
  display: none;
}
.collapsible {
  padding: 16px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.collapsible label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.collapsible ul.mdl-list {
  padding-top: 12px;
}
.filter-cell {
  padding-top: 36px;
}
.filter-buttons {
  padding: 20px 20px 20px 0;
  font-size: 12px;
}
.filter-buttons .material-icons.fa {
  font-size: 14px;
}


.media-gallery {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 0 -12px;
  overflow: hidden;
  list-style: none;
}
.media-gallery li {
  width: 80px;
  float: left;
  padding: 12px 0 0 12px;
}
.media-gallery li img {
  width: 100%;
  cursor: pointer;
}


.category-nav {
  overflow-x: auto;
  background: #e5f1eb;
  text-transform: uppercase;
}
.category-nav nav {
  justify-content: center;
}
.category-nav nav a {
  padding: 0 18px;
  color: rgba(0,0,0,.87);
  white-space: nowrap;
  line-height: 56px;
  position: relative;
  color: #8db0c1;
}
.category-nav .is-active {
  color: #ffffff;
  background-color: #e98472;
  cursor: pointer;
}


.cat-nav {
  padding: 20px 0 0 0;
}
.cat-nav a {
  display: block;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  width: 80%;
  padding-top: 80%; /* maintain circle aspect ratio */
  margin: 0 auto; /* center horizontally */

  border-radius: 50%;
  overflow: hidden;
}

.cat-nav span {
  display: block;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
}


.cat-nav .is-active {
  opacity: .5;
}


.category-description { padding: 0 0 16px 0; }
.category-description p:last-child { margin-bottom: 0; }
.category-image { position: relative; width: 100%; overflow: hidden; padding: 0 0 32px 0; text-align: center; }
.category-image img { max-width: 100%; }
.category-image span { display: block; padding: 16px 0; }


.product-details {
  padding: 0 20px 0 0;
}
.product-description {
  padding: 0 0 4px 0;
}
.product-description p {
  margin: 0;
  line-height: 1.3;
}

.product-list.mdl-grid {
  padding: 0;
  margin: -8px;
}
.product-list .mdl-cell {
  position: relative;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.product-list .mdl-cell:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* elevate on hover */
}

.product-list .add-to button{
  color: #ffffff;
}

.recipes-list .mdl-cell,
.product-list .mdl-cell > div[data-reactroot] {
  display: flex;
  flex-wrap: wrap;
  min-height: 100%;
  align-content: space-between;
  flex-direction: column;
}
.product-list .mdl-cell .mdl-card__title {
  flex-grow: 2;
  padding-bottom: 8px;
}


.mdl-grid.owl-carousel {
  margin: 0;
  padding: 8px 0 64px 0;
  border-bottom: #e5f1eb solid 1px;
}
.mdl-grid.owl-carousel .mdl-cell {
  margin: 0;
}

magento-widget {
  margin-top: 16px;
}

magento-widget .block .block-title {
  border: 0;
  margin: 0;
}


.product-title-cell {
  padding: 0 0 0 10px;
}
.product-media {
  padding: 16px 10px 0 10px;
}
.product-data {
  padding: 0 0 0 10px;
}
.product-media .product-image {
  position: relative;
}
.product-media .block {
  padding: 32px 0 0 0;
}

.product-details .page-title-wrapper { text-align: left; }
.product-details h1 { margin: 0 0 8px 0; }
.add-to-cart .add-to {
  padding: 8px 0;
}
.add-to-cart .add-to .mdl-button {
  height: 34px;
  line-height: 34px;
  display: block;
  margin: 0px auto 10px auto;
  background-color: #8cb0c0;
}

.add-to-cart .add-to .mdl-button:not(.action-buttons .add-to) {
  height: 34px;
  line-height: 34px;
  display: block;
  width: 100%;
  margin: 0px auto 10px auto;
  background-color: #8cb0c0;
}
.action-buttons{
  padding: 10px;
}
.action-buttons .mdl-button{
  padding:0 12px;
}
.action-buttons .add-to > button{
  margin: 0 !important;
}

.inline-text {
  white-space: nowrap;
  display: inline;
}
.meal-type{
  color: #8db0c1;
  text-align: center;
  font-weight: 500;
}

.action-buttons {
  display: flex;
  align-items: center;
  gap: 1rem; /* space between buttons */
}

.add-to-cart,
.mdl-card__actions {
  margin: 0;
  padding: 0;
}


.product-list list-product .add-to-cart {
  width: 90%;
  display: block;
  margin: 0px auto;
}

.add-to-cart > span {
  color: #8cb0c0 !important;
  text-align: center;
  width: 100%;
  display: block;
}

.mdl-card__title a{
  color: #000000 !important;
  text-align: center;
  width: 100%;
  display: block;
  margin-top: 10px;
}
.mdl-button-xl {
  padding: 10px;
  height: auto; line-height: 1.3;
  display: block;
  width: 100%;
}
.product-info-stock-sku {
  text-transform: uppercase;
  padding: 8px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.product-info-stock-sku .available {
  color: #006400;
}
.product-info-stock-sku .notavailable {
  color: #e02b27;
}


.group-label {
  display: block;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
  padding-bottom: 10px;
}

.product-media .mdl-typography--title {
  margin: 30px 0 15px;
  display: block;
}

.page-content.account .mdl-typography--title {
  margin:5px 0 25px;
  display: block;
}

.mdl-tabs__tab {
  text-transform: inherit;
}
.mdl-tabs__panel.columns {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 32px; /* Chrome, Safari, Opera */
  -moz-column-gap: 32px; /* Firefox */
  column-gap: 32px;
}
.mdl-tabs__panel p,
.mdl-tabs__panel ul {
  line-height: 19px;
  color: #7d7d7d;
}

.products-recipes-cell {
  padding-left: 0;
}

.product-section > .mdl-grid.mdl-grid--no-spacing {
  position: relative;
  margin: -20px;
}
.product-section .block-author {
  padding-top: 32px;
}
#product-sidebar {
  border-left-style: solid;
  border-left-width: 1px;
}
.product-sidebar {
  overflow: hidden;
  box-sizing: border-box;
  padding: 25px 0 0 0;
}
.product-sidebar .product-price {
  padding: 0 0 20px 0;
  line-height: 1;
  font-size: 36px;
}
.product-sidebar .ml-button {
  display: block;
  width: 100%;
}
.product-sidebar .block {
  padding: 0;
  border-top: #e5f1eb solid 1px;
}
.product-sidebar .block:first-child {
  border-top: 0;
}
.product-sidebar .block-title {
  padding: 12px 20px 0 20px;
  margin: 0;
  border-bottom: 0;
}
.product-sidebar .block-title .fa {
  vertical-align: top;
  margin-top: 10px;
}
.product-sidebar .block-content {
  padding: 16px 20px 20px 20px;
}
.product-sidebar .mdl-checkbox {
  margin-top: 20px;
}
.product-sidebar .product-list .mdl-cell {
  width: 100%;
}

.block-reviews {
  padding-top: 36px;
  padding-left: 20px;
  padding-right: 20px;
}
.product-section .block-author,
.product-section .block-comments {
    padding-left: 10px;
}

@media screen and (max-width: 839px) {
  .product-section .block-author,
  .product-section .block-comments,
  .product-section .block-reviews {
      padding: 20px 0 0 20px;
  }
  .calendar-product .product-section .block-author,
  .calendar-product .product-section .block-comments,
  .calendar-product .product-section .block-reviews {
      padding: 20px 0 0 10px;
  }
}

.bundle-options {
  position: relative;
  margin: 0 -20px 16px -20px;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  list-style: none;
}
.bundle-options li {
  margin: 0;
  padding: 3px 20px 3px 36px;
  position: relative;
}
.bundle-options li .fa {
  position: absolute;
  top: 5px;
  left: 20px;
}

.add-remove-textfield {
  padding-left: 32px;
  padding-right: 32px;
  width: 114px;
}
.add-remove-textfield .mdl-textfield__label {
  left: 32px;
  right: 32px;
  width: auto;
}
.add-remove-textfield .label {
  display: block;
  text-align: center;
}
.add-remove-textfield .remove-button {
  left: 0;
  right: auto;
}
.add-remove-textfield .add-button {
  right: 0;
}
.add-remove-textfield .mdl-textfield__input {
  text-align: center;
}
.add-remove-textfield span.mdl-textfield__error {
  white-space: nowrap;
  left: 0;
}


.author {
  padding: 4px 0;
}

.recipe-times .mdl-cell {
  padding: 6px 10px;
  border-bottom: #e5f1eb solid 1px;
}

.vendor-data .mdl-cell:first-child {
  padding-left: 20px;
  padding-right: 20px;
}
.vendor-data .mdl-cell .data {
  padding: 6px 10px;
  border-bottom: #e5f1eb solid 1px;
}
.vendor-data .mdl-cell .data:first-child {
  border-top: #e5f1eb solid 1px;
}
.vendors-products {
  padding-top: 36px;
  padding-left: 20px;
}


.product-count {
  position: relative;
  margin: -24px 0 0 0;
  padding: 0 0 24px 0;
  font-size: 12px;
  text-align: center;
}


div.product-image,
img.product-image {
  display: block;
  width: 100%;
}
.product-image img {
  width: 100%;
  height: auto;
}

.product-price { 
  display: block; 
  margin: 0; 
  padding: 0; 
  line-height: 14px;
  font-size: 13px;
}
.product-price del {
  opacity: 0.5;
  margin-right: 6px;
}
.product-price ins {
  text-decoration: none;
}
.product-stock {
  padding: 0 0 2px 0;
  margin: 0;
}
.product-price label {
  display: block;
  padding: 0 0 6px 0;
}


.account .page-title-wrapper {
  padding: 0 0 0 0;
}
.account-nav li.is-active a {
  color: inherit;
  font-weight: 700;
}

.account.page-content .container:not(.container-menu-title) .page-title-wrapper h1.page-title {
  font-size: 25px;
}

.account.page-content #scheduler {
  overflow: visible;
}

#scheduler .fa-angle-left, #scheduler .fa-angle-right{
  color: #000;
}

#scheduler .mdl-button{
  background-color: #f7f9fb !important;
  color: #000 !important;
}

.dhx_cal_date{
  color: #000;
}

.nutrion-plan-page .page-title{
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
.account.page-content form[name="forms.accountForm"] #scheduler {
  overflow: hidden;
}

table.ingredients {
  background-color: transparent;
}
table.ingredients td {
  padding: 6px 0;
}
table.ingredients td:first-child {
  white-space: nowrap;
  padding-right: 10px;
}
table.ingredients select {
  width: 100%;
}

.add-ingredient {
  padding-top: 12px !important;
}

ul.account-nav {
  padding-bottom: 24px;
}


.badge {
  position: absolute;
  width: 54px;
  height: 54px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 54px;
  text-align: center;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: .9;
}

.page-section {
  margin: 0 auto;
}
.page-section h2 {
  font-size: 24px;
  line-height: 28px;
}
.page-section h3 {
  font-size: 20px;
  line-height: 24px;
}
.page-section table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  font-size: 13px;
  background-color: rgb(255,255,255); }
.page-section table thead {
  padding-bottom: 3px; }
.page-section table td, .page-section table th {
  padding: 0 18px 12px 18px;
  text-align: left; }
.page-section table td {
  position: relative;
  vertical-align: middle;
  height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 12px;
  box-sizing: border-box; }
.page-section table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  height: 48px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-bottom: 8px;
  box-sizing: border-box;
}


.cart-section {
  max-width: 900px;
  margin: 0 auto;
}
.cart-section .mdl-grid--no-spacing {
  padding: 16px 0;
  justify-content: space-between;
}
.checkout-section {
  max-width: 900px;
  margin: 0 auto;
}
.checkout-methods .checkmo-hint {
  padding: 20px 0 0 20px;
}
.checkout-methods .checkmo-hint p {
  margin-bottom: 10px;
}

.mdl-cell .mdl-card {
  overflow: inherit;
  z-index: inherit;
  position: relative;
  transition: all 0.3s;
  max-width: 100%;
  width: 100%;
}
.mdl-card__holder {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.mdl-card__media {
  position: relative;
  overflow: hidden;
  background-color: transparent;
}
.mdl-card__media > a {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 100px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 10px;
  width: calc(100% - 20px);
}
.mdl-card__media img {
  display: block;
  width: 100%;
}
.mdl-card__media > button {
  position: absolute;
  top: 5px; right: 5px;
}
.mdl-card__supporting-text {
  padding: 12px 0;
}
.mdl-card__supporting-text .mdl-typography--caption {
  padding-bottom: 6px;
}
.mdl-card__supporting-text h2 {
  font-size: 14px;
  margin: 0;
  line-height: inherit;
}
.mdl-card__supporting-text ul {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 20px;
}
.mdl-card__supporting-text ul li {
  padding-top: 4px;
}


.mdl-card__actions .add-remove-textfield {
  padding-left: 40px;
  padding-right: 40px;
  width: 144px;
  margin: 0 auto;
}
.mdl-card__actions .add-remove-textfield .mdl-textfield__label {
  left: 40px;
  right: 40px;
  width: auto;
}


.mdl-steps {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 76px 0 0 0;
  position: relative;
}
.mdl-steps > li {
  margin: 0;
  padding: 0;
  display: inline;
}
.mdl-steps .mdl-step-title {
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  height: 56px;
  line-height: 56px;
  padding: 0 16px 0 32px;
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.mdl-steps .mdl-step-title:after {
  position: absolute;
  content: '';
  top: 0;
  right: -16px;
  display: block;
  width: 16px;
  height: 56px;
  background: url(../images/step.gif) 50% 50% no-repeat;
  z-index: 2;
}
.mdl-steps .mdl-step-title.mdl-color--accent:after {
  background: url(../images/step-active.gif) 50% 50% no-repeat;
}
.mdl-steps .mdl-step-title.complete:after {
  background: url(../images/step-done.gif) 50% 50% no-repeat;
}
.mdl-steps li:first-child .mdl-step-title {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-left: 16px;
}
.mdl-steps li:last-child .mdl-step-title {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mdl-steps li:last-child .mdl-step-title:after {
  display: none;
}
.mdl-steps .mdl-step-title .fa {
  margin-right: 6px;
}
.mdl-steps li.step-1 .mdl-step-title { left: 25%; }
/*.mdl-steps li.step-2 .mdl-step-title { left: 40%; }*/
.mdl-steps li.step-3 .mdl-step-title { left: 50%; }
.mdl-steps li.step-4 .mdl-step-title { left: 75%; }


.wishlist-action {
  width: 100%;
  overflow: hidden;
}
.wishlist-list > .mdl-cell > .mdl-button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.mdl-card__actions .wishlist-action .add-remove-textfield {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.wishlist-action .add-remove-textfield .form-control {
  width: 50px;
  text-align: center;
}
.mdl-card__actions .wishlist-action .add-remove-textfield .label {
  left: 0;
  position: absolute;
  top: 0;
  text-align: left;
}
.wishlist-action .mdl-button {
  left: 60px;
}


.mdl-card__title {
  display: block;
  padding: 0;
  text-align: left;
}
.mdl-card__title-text {
  display: block;
}
.mdl-card__title-text a {
  text-decoration: none;
}

.mdl-card__price {
  padding: 0;
  font-size: 14px;
}
.mdl-card__actions {
  padding: 8px 0;
}


.mdl-tooltip .image {
  display: block;
  height: 120px;
  width: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mdl-tooltip .title {
  padding-top: 7px;
  margin-bottom: 0;
}

.mdl-grid.mdl-grid--justify-content {
  justify-content: center;
}


/*.mdl-tabs__tab {
  border-style: solid;
  border-width: 1px;
  border-bottom: 0;
  padding: 0 16px 0 16px;
  color: #8db0c1;
  margin: 0 0 0 -1px;
}
.mdl-tabs__tab:first-child {
  border-top-left-radius: 4px;
}
.mdl-tabs__tab:last-child {
  border-top-right-radius: 4px;
}
.mdl-tabs__tab .material-icons {
  margin-right: 8px;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: #ffffff;
  background: #8db0c1;
  border-color: #8db0c1 !important;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { display: none; }

.mdl-tabs.is-upgraded .mdl-tabs__panel {
  padding: 16px 0;
}*/
.recipes-menus-tabs .mdl-tabs__tab-bar {
  height: 32px;
}
.recipes-menus-tabs .mdl-tabs__tab {
  flex-grow: 1;
  color: #8db0c1;
  background: #ecf1ef;
  height: 32px;
  line-height: 32px;
  border-left: #ffffff solid 1px;
}
.product-media .recipes-menus-tabs .mdl-tabs__tab,
.page-content.account .address .recipes-menus-tabs .mdl-tabs__tab {
  width: 50%;
  color: #000;
  background: #FFF;
}
.recipes-menus-tabs .mdl-tabs__tab:first-child {
  border-left: 0;
}
.recipes-menus-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: #ffffff;
  background: #8db0c1;
}
.product-media .recipes-menus-tabs.is-upgraded .mdl-tabs__tab.is-active,
.page-content.account .address .recipes-menus-tabs.is-upgraded .mdl-tabs__tab.is-active {
  background: #f7f9fb;
  color: #000;
}
.recipes-menus-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  display: none;
}
.recipes-menus-textfield {
  background: none;
  padding: 10px 0;
  position: relative;
}

.recipes-menus-textfield #search-recipe{
  border: 1px solid #dee8ed;
  border-radius: 4px;
}
.recipes-menus-textfield .mdl-button {
  position: absolute;
  top: 10px;
  right: 10px;

}
/*f7f9fb*/


.mdl-list {
  margin: 0;
  padding: 0;
}
.mdl-list__item {
  min-height: auto;
  padding: 8px 8px 8px 0;
}
.recipe-list > li.mdl-list__item > span > img {
  position: absolute;
  right: 30px;
  height: 32px;
}
.recipe-list > li.mdl-list__item > span > a > span {
  padding-right: 50px;
}
.recipe-list > li.mdl-list__item > span > a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#recipes-panel > a,
#menus-panel > a {
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin-top: 5px;
} 
#recipes-panel .mdl-tabs__tab-bar,
#menus-panel .mdl-tabs__tab-bar {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  height: 40px;
  margin-top: 10px;
}
#recipes-panel .mdl-tabs__tab-bar > button,
#menus-panel .mdl-tabs__tab-bar > button {
  width: 49%;
  height: 40px;
  color: #fff;
  background-color: #8db0c1;
}
#recipes-panel .mdl-tabs__tab-bar > button:disabled,
#menus-panel .mdl-tabs__tab-bar > button:disabled {
  background-color: #A3BDCB;
}
.divider {
  display: inline-block;
  padding: 0 5px;
}


.display-block { display: block; }


.newsletter-section {
  padding: 0;
}
.newsletter-textfield {
  position: relative;
  padding-bottom: 20px;
  padding-right: 125px;
}
.newsletter-textfield .mdl-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  text-align: center;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}
.newsletter-textfield .mdl-textfield__error {
  bottom: 0;
}


.product-social-links {
  padding: 12px 0 0 30px;
}
.product-social-links a {
  display: inline-block;
  margin-right: 12px;
}


.product-review * {
  vertical-align: middle;
}
.rating-summary {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.rating-summary .rating-result {
  width: 69px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.rating-summary .rating-result:before {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  color: #dddddd;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 13px;
  height: 13px;
  letter-spacing: 2px;
  line-height: 13px;
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
  display: block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}
.rating-summary .rating-result > span {
  display: block;
  overflow: hidden;
}
.rating-summary .rating-result > span:before {
  position: relative;
  z-index: 2;
  color: #f7981c;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 13px;
  height: 13px;
  letter-spacing: 2px;
  line-height: 13px;
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
  display: block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}
.rating-summary .rating-result > span span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.swatch-holder {
  margin-top: 16px;

}
.swatch-holder .block {
  padding: 0;
}
.swatch-holder .block-title {
  padding: 0 30px;
  margin: 0;
  border-bottom: 0;
}
.swatch-holder .block-content {
  padding: 20px 10px 20px 30px;
  margin-bottom: 20px;
}

.swatch-holder .block-content .pre-line {
  white-space: pre-line;
}

.swatch-holder .mdl-textfield .mdl-button {
  right: 0;
}
.swatch-holder .search-menu {
  left: 0;
  top: 50px;
}

table.gda_info {
  margin-bottom: 20px;
}
table.gda_info tr:first-child td {
  border-top: 0;
}


label.import-file {
  display: block;
  text-align: center;
  width: 100%;
}
label.import-file .label {
  display: block;
  background: #e8eff4;
  padding: 30px 0;
}
label.import-file input {
  display: none;
}
label.import-file .image {
  display: block;
  width: 100%;
  position: relative;
}
label.import-file .image .mdl-button {
  position: absolute;
  top: 10px;
  right: 10px;
}
label.import-file img {
  display: block;
  width: 100%;
  border-radius: 20px;

}

.edit-ingredients-block{
  background: #f8f9fb;
  border-radius: 20px;
  padding:20px 30px;
}

.edit-ingredients-block .block-content{

}
.image-placeholder{
  height: 320px;
  border-radius: 20px;
  background-color: #a3bdca !important;
  display: flex !important;
  align-items: center;   /* vertical centering */
  justify-content: center; /* horizontal centering */
  width: 100%;
}
.image-placeholder span{
  color: #ffffff;
  display: block;
  font-size: 20px;
}
.checkout-section .block {
  padding-top: 16px;
}
.checkout-section .mdl-data-table .product-image img {
  width: 48px;
}
.checkout-section .mdl-data-table th,
.checkout-section .mdl-data-table td { padding: 8px; }
.checkout-box { text-align: right; padding: 16px 0 0 0; }
.checkout-box .subtotal { display: inline-block; padding: 0 36px 0 12px; }

.checkout-form-block .mdl-cell {
  margin-top: 0;
  margin-bottom: 0;
}
.checkout-methods .mdl-textfield__error {
  margin-top: 0;
}

.place-order { padding: 16px 0 0 0; text-align: right; }


.calendar-product {
  padding-top: 24px;
}
.calendar-product #product-sidebar,
.calendar-product magento-widget,
.calendar-product .block-author,
.calendar-product .block-comments {
  display: none;
}
.calendar-product .mdl-cell.product-details {
  width: 100%;
}


.message .material-icons { vertical-align: middle; }
.message {
  /*max-width: 900px;*/
  padding: 12px 42px;
  display: block;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  text-align: left;
}
.message:before {
  position: absolute;
  left: 12px;
  top: 13px;
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.message.info {
  background: #fdf0d5;
  color: #6f4400;
}
.message.info:before { content: "\f06a"; }
.message.error {
  background: #fae5e5;
  color: #e02b27;
}
.message.error:before { content: "\f071"; }
.message.warning {
  background: #fdf0d5;
  color: #6f4400;
}
.message.warning:before { content: "\f06a";}
.message.success {
  background: #e5efe5;
  color: #006400;
}
.message.success:before { content: "\f058"; }
.message .mdl-button {
  position: absolute;
  right: 6px;
  top: 6px;
}

/* System notifications */
.ngn {
  color: #333333;
  cursor: default;
  display: none;
  font-size: 14px;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  text-align: left;
  user-select: none;
  z-index: 9999;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
.ngn .container {
  position: relative;
  padding: 18px 42px;
}
.ngn .container:before {
  position: absolute;
  left: 12px;
  top: 18px;
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ngn-top {
  top: 0; }

.ngn-bottom {
  bottom: 0; }
.ngn .mdl-button {
  position: absolute;
  right: 6px;
  top: 12px;
}

.ngn-sticky .ngn-dismiss {
  display: block; }

.ngn-info {
  background: #fdf0d5;
  color: #6f4400;
}
.ngn-info .container:before { content: "\f06a"; }
.ngn-error {
  background: #fae5e5;
  color: #e02b27;
}
.ngn-error .container:before { content: "\f071"; }

.ngn-success {
  background: #e5efe5;
  color: #006400;
}
.ngn-success .container:before { content: "\f058"; }

.ngn-warn {
  background: #fdf0d5;
  color: #6f4400;
}
.ngn-warn .container:before { content: "\f06a";}


.cookie-notice-bar { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; color: #333333; background-color: #ffffff; }
.cookie-notice-bar .container {
  display: flex; box-sizing: border-box;
  padding-top: 16px;
  padding-bottom: 16px;
}
.cookie-notice-copy {
  -ms-flex: 1;
  flex: 1;
}
.cookie-notice-copy p {
  margin: 0;
}


.toolbar {
  width: 100%;
  overflow: hidden;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toolbar dir-pagination-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toolbar .range-label {
  padding-left: 8px;
  white-space: nowrap;
}
.toolbar .sorter select {
  width: auto;
}


.mdl-grid.product-list + .toolbar {
  margin-top: 32px;
}
.toolbar + .mdl-grid.product-list {
  padding-top: 16px;
}
.pagination {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  white-space: nowrap;
}

.pagination li .page.mdl-button--icon {
  font-size: 14px;
  line-height: 32px;
  background: #f7f9fb;
}

.pagination li {
  display: inline-block;
  padding: 0 2px;
}
.pagination li.active {
  display: inline-block !important;
}

.pagination li.active > a{
  color: #000000 !important;
  font-weight: 600 !important;
  font-size: 24px !important;
}

.pagination li .mdl-button--icon {
  border-radius: 0;
  color: #000000;
}
.pagination li .mdl-button--icon:hover {
  background: #f7f9fb;
}

.pagination li.active .page.mdl-button--icon {
  background-color: #8db0c1;
  color: #ffffff;
}


.bundle-options li {
  transition: all .5s;
  -webkit-transition: all .5s ease-in-out;
}
.change {
  background-color: red;
}


.switcher .section {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.switcher .store-switcher {
  position: relative;
}
.store-switcher img {
  position: relative;
  margin-top: -2px;
  margin-right: 2px;
}
.store-switcher .mdl-button {
  background: #8eceb6;
  color: #ffffff;
  border-radius: 0;
  font-size: 12px;
}
.store-switcher .mdl-menu__item {
  font-size: 12px;
}


.breadcrumb {
  margin: 0;
  padding: 16px 0;
  list-style: none;
  font-size: 12px;
  font-weight: 300;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 10px;
  color: #ffffff;
  content: "\f105";
}
.breadcrumb > .active {
  color: #777;
}
.breadcrumb img {
  height: 20px;
  width: auto;
  margin-top: -2px;
  vertical-align: middle;
  color: #ffffff;
}

a.placeholder {
  background-image: url(/speedy/images/holder.gif) !important;
}


.oye-network {
  float: right;
}
.oye-network img {
  width: 70px;
}


.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 7px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rzslider.with-legend {
  margin-bottom: 40px;
}
.rzslider[disabled] {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}
.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 18px;
  box-sizing: border-box;
}
.rzslider .rz-bar-wrapper.rz-draggable {
  cursor: move;
}
.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e5f1eb;
}
.rzslider .rz-bar.rz-selection {
  z-index: 2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #8db0c1;
}
.rzslider .rz-pointer {
  top: -3px;
  z-index: 3;
  cursor: pointer;
  min-width: 10px;
  width: 10px;
  height: 10px;
  background: #8db0c1 !important;
  min-height: 10px;
}
.rzslider .rz-pointer:after {
  display: none;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  content: '';
}
.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}
.rzslider .rz-pointer.rz-active {
  z-index: 4;
}
.rzslider .rz-pointer.rz-active:after {
  background-color: #ffffff;
}
.rzslider .rz-bubble {
  bottom: -30px;
  padding: 0;
  cursor: default;
  font-size: 12px;
  line-height: 16px;
  display: none;
}
.rzslider .rz-bubble.rz-selection {
  top: 16px;
}

.block-filters .rzslider {
  margin: 10px 0 40px 0;
}
.block-filters .rzslider .rz-bar {
  background-color: #e5f1eb;
}
.block-filters .rzslider .rz-bubble {
  bottom: -40px;
  padding: 0;
  cursor: default;
  font-size: 14px;
  line-height: 16px;
  display: block;
}

.recipe-list {
  padding-top: 16px;
}
.recipe-list > li {
  background: #f7f9fb;
  border-top: #ffffff solid 1px;
  color: #8db0c1;
  font-size: 12px;
  cursor: pointer;
  padding: 10px;
  margin: 5px 0;
  border-radius: 10px;
}
.recipes-menus-tabs .mdl-tabs__tab {
  color: #000;
  background: none;
}


.recipes-menus-tabs.is-upgraded .mdl-tabs__tab.is-active {
  background: #8db0c1;
  color: #fff;
}


.recipe-list > li img {
  height: 40px;
  margin: 0 2px 0 0;
  vertical-align: top;
  border-radius: 50%;
}

.recipe-list > li i{
  color: #8db0c1;
}
.recipe-list > li .mdl-list__item-avatar {
  min-width: 40px;
}

html body .details_view .dhx_cal_header,
html body .details_view .dhx_cal_data {
  display: none !important;
}
html body .scheduler_week .dhx_cal_header {
  width: 100% !important;
  left: 0 !important;
  display: flex;
  background: none;
}
.dhx_cal_container.details_view {
  border-bottom: 0;
}
.dhx_cal_container{
  border: none;
}
html body .scheduler_week .dhx_cal_header .week_bar {
  width: 14.28571428571429% !important;
  box-sizing: border-box;
  border-left: #ffffff solid 1px;
  position: static;
  padding-top: 0;
  line-height: 36px;
  height: 36px !important;
  display: block;
  border-radius: 20px;
  margin: 0 5px;
  color: #000;
  background: #f7f9fb
}
.dhx_cal_tab.active{
  font-weight: 600;
}
.dhx_cal_header{
  border: none;
}
html body .scheduler_week .dhx_cal_header .week_bar:first-child {
  border-left: 0;
}
.week-view {
  width: 100%;
  overflow: hidden;
  border-top: none;
  margin-top: 30px;
}

.week-view .slot {
  width: 20%;
  float: left;
  background: #f7f9fb;
  color: #8db0c1;
  text-align: center;
  padding: 8px 0;
  cursor: pointer;
  box-sizing: border-box;
  border-left: #ffffff solid 1px;
}
.week-view .slot:first-child {
  border-left: 0;
}
.week_bar {
  cursor: pointer;
}
.week-view .slot.active,
.nutrition-agenda .meal-type.active,
.dhx_scale_bar.active {
  color: #000;
  font-weight: 600;
}

.menu-calendar-product button[ng-click='addToShoppingList()'],
.menu-calendar-product .options-block .mdl-checkbox__focus-helper,
.menu-calendar-product .options-block .mdl-checkbox__box-outline,
.menu-calendar-product .options-block .mdl-checkbox__ripple-container,
.menu-calendar-product .swatch-holder .family-block,
.menu-calendar-product .swatch-holder .quests-block {
  display: none;
}
.menu-calendar-product .options-block .mdl-checkbox.is-upgraded {
  padding-left: 0;
}



.family-list {
  padding: 0 0 16px 0;
}
.family-list .mdl-list__item {
  font-size: 12px;
  padding: 4px 0;
  border-bottom: #d7e4eb solid 1px;
}

.ngdialog ._720kb-datepicker-calendar {
  position: static;
  width: 100%;
}

.ngdialog img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.ngdialog,
.ngdialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0}

@-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}

@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}

@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}

.ngdialog{box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000}

.ngdialog *,
.ngdialog :after,
.ngdialog :before{box-sizing:inherit}

.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-content,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay{-webkit-animation:none!important;animation:none!important}

.ngdialog-overlay{rgba(141,176,193,.75);-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}

.ngdialog-no-overlay{pointer-events:none}

.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}

.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s;pointer-events:all}

.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}

.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\00D7';cursor:pointer}

body.ngdialog-open,
html.ngdialog-open{overflow:hidden}

@-webkit-keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}

@keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}
@keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}

.ngdialog.ngdialog-theme-default{padding-bottom:160px;padding-top:160px}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}

.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background:#f0f0f0;border-radius:5px;color:#444;font-family:Helvetica,sans-serif;font-size:1.1em;line-height:1.5em;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px}

.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:0;top:0}

.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:0 0;border-radius:3px;color:#333;content:'\00D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}

.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before{color:#777}

.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}

.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}

.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],
.ngdialog.ngdialog-theme-default .ngdialog-input textarea{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}

.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus{box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}

.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}

@media (max-width:568px){
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777}


.ngdialog.ngdialog-theme-custom .ngdialog-overlay {
  background: rgba(141,176,193,.75);
}

.ngdialog.ngdialog-theme-custom .ngdialog-content {
  background: #ffffff;
  padding: 20px;
  width: 1040px;
  -webkit-border-radius: 0;
  border-radius: 0;
}


.footer-contact {
  padding: 32px 0;
  display: flex;
  justify-content: center;
  align-content: center;
}
.footer-contact h5 {
  margin: 0 0 6px 0;
}
.footer-contact > div {
  padding: 0 36px;
  border-left: #ffffff solid 1px;
  align-self: center;
}
.footer-contact > div:first-child {
  border-left: 0;
}
.footer-contact .fa {
  font-size: 24px;
  vertical-align: middle;
  line-height: 46px;
}


.home-carousel {
  background: #e6f0eb;
}
.home-carousel h2,
.home-carousel h6 {
  margin: 0;
}
.home-carousel h6 {
  margin: 16px 0 20px 0;
}
.home-carousel p {
  margin: 16px 0 0 0;
}
.home-carousel .container {
  padding: 32px 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.home-carousel img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.home-carousel .mdl-button {
  height: 48px;
  padding: 0 24px;
  font-size: 14px;
  line-height: 48px;
  text-transform: uppercase;
}


.home-banners { padding-bottom: 0; }
.home-banners .mdl-cell {
  text-align: center;
  padding: 24px 16px;
  color: #ffffff;
  background: #7cbca1;
  box-sizing: border-box;
}
.home-banners h4,
.home-banners p {
  margin: 0;
}
.home-banners a {
  color: #ffffff;
}
.home-banners .mdl-cell:nth-child(1) {
  background: #eb9b3f;
}
.home-banners .mdl-cell:nth-child(3) {
  background: #5baac3;
}
.home-banners .mdl-cell:nth-child(4) {
  background: #788f9c;
}

.home-info .mdl-cell {
  padding: 32px 32px 32px 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.home-info h4,
.home-info p {
  margin: 0;
}
.home-info h4 {
  padding-top: 16px;
}
.home-info img {
  float: left;
  margin-right: 16px;
}


.home-bottom h4,
.home-bottom h6 {
  margin: 0;
}
.home-bottom h6 {
  margin: 16px 0 20px 0;
}
.home-bottom p {
  margin: 0;
}
.home-bottom .container {
  text-align: center;
  padding: 40px 0 80px 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.home-bottom .mdl-grid {
  justify-content: center;
}
.home-bottom img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.home-bottom .mdl-button {
  height: 48px;
  padding: 0 24px;
  font-size: 14px;
  line-height: 48px;
  text-transform: uppercase;
}

.nutrition-agenda.meal-repeat {
  margin: 0;
}

.nutrition-agenda .meal-type {
  width: 100%;
  text-align: center;
  display: block;
  line-height: 40px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 1px;
  cursor: pointer;
}

.nutrition-agenda .mdl-card__holder {
  margin-bottom: 8px;
  cursor: pointer;
}

.mdl-card-empty-holder {
  background-color: #EDF3F6;
  position: relative;
  width: 100%;
}

.mdl-card-empty-holder:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.mdl-card-empty-holder-inner {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.nutrition-agenda .mdl-button:not(.nutrition-agenda.mobile  .mdl-button) {
  font-size: 13px;
  display: inherit;
  margin: 0px 15%;
  padding: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #A3BDCB;
  color: #fff;
  letter-spacing: 0.15px;
}

.nutrition-agenda {
  width: 100%;
  overflow: hidden;
}
.nutrition-agenda .meal-slot {
  width: 20%;
  margin: 0;
  float: left;
  box-sizing: border-box;
  border-left: #ffffff solid 1px;
}
.nutrition-agenda .meal-slot img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%; /* if you want circle */
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.nutrition-agenda .meal-slot .mdl-card-empty-holder{
  background: none;
}

.nutrition-agenda .meal-slot .mdl-card__holder{
  display: flex;
}
.nutrition-agenda .meal-slot:first-child {
  border-left: 0;
}
.nutrition-agenda .meal-slot .mdl-card__title-text{
  font-size: 14px;
}

.nutrition-agenda .mdl-card__holder img {
  width: 100%;
}

.nutrition-agenda .mdl-card__price {
  font-size: 13px;
}

@media screen and (min-width: 479px){
  .week-view .nutrition-agenda.meal-repeat.mobile {
    display: none;
  }
}

@media screen and (max-width: 479px){
  .week-view .nutrition-agenda.meal-repeat {
    display: flex;
  }
  .week-view .nutrition-agenda.meal-repeat.desktop {
    display: none;
  }
  .week-view .nutrition-agenda .meal-slot {
    width: 20%;
    margin: 2px 1px 0 0;
  }
  .week-view .nutrition-agenda .meal-type {
    -webkit-transform: none;
    -moz-transform: none;
    margin: 0;
    width: 100%;
  }
  .nutrition-agenda .meal-slot {
    display: block;
    width: 100%;
    clear: both;
    width: 100%;
    margin-bottom: 4px;
  }
  .week-view .nutrition-agenda.meal-repeat.empty-meal-holder {
    display: inherit;
  }
  .nutrition-agenda.empty-meal-holder .meal-slot.empty-meal {
    width: 100%;
  }
  .nutrition-agenda.empty-meal-holder .meal-slot.empty-meal .ng-scope,
  .nutrition-agenda.empty-meal-holder .meal-slot.empty-meal .ng-scope .mdl-card-empty-holder {
    display: inherit;
  }
  .nutrition-agenda .meal-type {
    float: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    width: 100px;
    height: 40px;
    margin: 30px -25px 0-30px;
    display: table-cell;
  }
  .nutrition-agenda .mdl-card__holder {
    width: 100px;
    float: left;
    margin-bottom: 0px;
  }

  .nutrition-agenda .mdl-card-text-holder {
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    float: left;
  }
  .nutrition-agenda .mdl-card__title-text {
    height: 50px;
    display: table-cell;
    vertical-align: bottom;
  }

  .nutrition-agenda .meal-slot > .ng-scope {
    display: table-row;
  }

  .mdl-card-empty-holder {
    height: 30px;
    display: table-cell;
  }

  .mdl-card-empty-holder:before{
    content: none;
  }
  .account.page-content #scheduler.dhx_scheduler_week {
    margin-top: 20px;
  }
  .account.page-content #scheduler .dhx_cal_date {
    right: 0;
    margin-top: 0;
    padding: 0 !important;
    position: absolute;
    top: -15px;
  }
  .account.page-content form[name="forms.accountForm"] #scheduler .dhx_cal_date {
    position: initial;
    margin: inherit;
  }
  .account.page-content #scheduler.dhx_scheduler_week .dhx_cal_date {
    right: initial;
    padding: 0 !important;
    margin-top: 0;
    position: absolute;
    top: -10px;
  }
}

@media screen and (max-width: 420px){
  .account.page-content #scheduler .mdl-button {
    font-size: 12px;
    padding: 0 2%;
  }
  .account.page-content #scheduler .dhx_cal_today_button {
    margin-right: 5%;
    margin: 0 5% 0 0;
  }
  .account.page-content #scheduler .dhx_cal_prev_button {    
    max-width: 5%;
    margin: 0;
  }
  .account.page-content #scheduler .dhx_cal_next_button {
    max-width: 5%;
    margin: 0 0.5%;
  }
}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 1023px){
  .home-carousel h2,
  .home-carousel h6,
  .home-carousel p {
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-contact {
    padding: 16px;
    display: block;
    text-align: center;
  }
  .footer-contact > div {
    padding: 0;
    border-left: 0;
  }

  .mdl-layout__drawer-button {
    color: rgb(255,255,255);
  }

  .mdl-layout__drawer-button .fa {
    vertical-align: top;
    line-height: 48px;
  }

  .mdl-layout__header-row {
    padding-left: 64px !important;
  }

  .mdl-layout__header-row .mdl-layout-title {
    left: 50%;
    margin-left: -90px;
  }
  .mdl-layout__header-row ul.mdl-navigation {
    position: static;
  }

  .mdl-layout__header {
    display: -webkit-flex;
    display: flex;
  }

  .product-details .mdl-tabs.is-upgraded .mdl-tabs__panel {
    padding: 20px;
  }
  .swatch-image {
    width: 100px;
  }
  .swatch-holder {
    /*padding-left: 120px;*/
  }

  .toolbar {
    flex-direction: column;
  }
  .toolbar dir-pagination-controls {
    flex-direction: column;
  }
  .toolbar .range-label {
    padding-left: 0;
    padding-top: 8px;
    white-space: nowrap;
  }
  .toolbar .sorter {
    padding: 6px 0 12px 0;
    text-align: center;
  }
  .toolbar #page-size {
    margin-right: 8px;
  }
}

.filters-button {
  display: none;
}
@media (max-width: 839px) {
  .product-title-cell {
    padding: 0 0 0 20px;
  }

  .page-content { border-radius: 0; }

  .mdl-layout__content {
    overflow-y: hidden;
  }

  .mdl-grid.form-grid > .mdl-cell:nth-child(even) {
    padding-left: 0;
  }
  .mdl-grid.form-grid > .mdl-cell:nth-child(odd) {
    padding-right: 0;
  }

  .mdl-layout__content {
    z-index: initial;
  }
  .block-filters {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #ffffff;
    z-index: 9999;
    padding: 12px;
    width: auto !important;
  }
  .block-filters.is-visible {
    display: block;
  }
  .block-filters .block-title {
    padding-bottom: 8px;
    border-bottom: #e5f1eb solid 1px;
  }
  .block-filters .block-title .mdl-button {
    display: block;
  }
  .block-filters .block-content {
    height: calc(100% - 40px);
    overflow: auto;
  }
  .filters-button {
    display: block;
  }
  .collapsible {
    margin-right: 0;
  }

  .mdl-grid > .mdl-cell.filter-cell {
    border-right: 0;
    order: 2;
  }
  .mdl-grid > .mdl-cell.content-cell {
    order: 1;
  }

  .padding-right-32 { padding-right: 0; }

  .page-content {
    padding: 16px;
  }

  .mdl-data-table {
    white-space: normal;
    line-height: 16px;
  }
  .mdl-data-table th,
  .mdl-data-table td {
    padding: 8px !important;
  }
  .mdl-data-table th:first-child,
  .mdl-data-table td:first-child {
    padding-left: 0 !important;
  }
  .mdl-data-table th:last-child,
  .mdl-data-table td:last-child {
    padding-right: 0 !important;
  }
  .mdl-data-table .product-image img {
    width: 40px;
  }
  .mdl-data-table .product-name a {
    font-size: 13px;
  }
  .mdl-data-table .item-options {
    display: none;
  }


  .mdl-steps .mdl-step-title {
    padding: 0 0 0 6px;
    text-align: center;
    line-height: 1;
  }
  .mdl-steps li:first-child .mdl-step-title {
    padding-left: 0;
  }
  .mdl-steps .mdl-step-title span {
    font-size: 10px;
  }
  .mdl-steps .mdl-step-title:after {

  }
  .mdl-steps .mdl-step-title .fa {
    display: block;
    margin: 10px auto 4px auto;
  }
  .account.page-content #scheduler .mdl-button {
    min-width: initial;
    overflow: visible;
  }
  .account.page-content #scheduler .dhx_cal_tab[ng-click^="resetPlan()"] {
    flex-basis: 7%;
    padding: 0 8px;
    margin-left: 1%;
  }
  .account.page-content #scheduler.dhx_scheduler_week .dhx_cal_date {
    font-size: 14px;
    padding: 0 1%;
  }

  .ngdialog[role="alertdialog"].ngdialog-theme-default.menu-form .ngdialog-content[role="document"] {
    width: initial;
    height: initial;
    min-height: initial;
    position: inherit;
    max-height: 100%;
    overflow: auto;
  }

  #external-events {}

  .mdl-layout__drawer--right.is-visible {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .mdl-layout__drawer--right {
    left: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 760px){
  .mdl-mega-footer {
    padding: 0 0 16px 0;
  }
  .mdl-mega-footer__drop-down-section {
    border-bottom: 1px solid;
  }

  .mdl-mega-footer__bottom-section {
    padding-top: 16px;
  }
  .mdl-mega-footer .mdl-logo {
    float: left;
    margin-right: 16px;
    margin-bottom: 0;
  }
  .mdl-mega-footer--link-list, .mdl-mega-footer__link-list {
    margin-bottom: 0;
  }

  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    font-family: FontAwesome;
    font-size: 18px;
    content: "\f107";
  }

  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: FontAwesome;
    font-size: 18px;
    content: "\f106";
  }

  .swatch-image {
    display: none;
  }
  .swatch-holder {
    padding-left: 0;
  }
    header.no-login.mdl-layout__header.mdl-layout__header--scroll.ng-scope {
        height: 100px;   
    }
    header.no-login .mdl-layout__header-row.container {
        padding: 0 !important;
        display: initial;
    }
    header.no-login .mdl-layout__header-row.container a.mdl-layout-title.mdl-color-text--primary-contrast {
        height: 52px;
        left: 0;
        margin: 0;
    }
    header.no-login .mdl-layout__header-row.container a.mdl-layout-title.mdl-color-text--primary-contrast img{
        margin: 16px auto;
    }
    header.no-login .mdl-layout__header-row ul.mdl-navigation {
        width: 100%;
        height: 0;
    }
    header.no-login .mdl-layout__header-row ul.mdl-navigation .mdl-navigation__link {
        padding: 0;
        margin: 0 auto;
    }
}

@media (max-width: 479px){
  .product-list .mdl-cell {
    border-top: #e0e0e0 solid 1px;
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .product-list .mdl-card__holder {
/*
    width: 50%;
    padding-right: 16px;
    float: left;
*/
    box-sizing: border-box;
  }
  .recipe-times .mdl-cell {
    padding-left: 0px;
  }
  .recipe-times .mdl-cell:nth-child(odd) {
    border-right: none;
  }
  .product-section .swatch-holder {
    margin-top: 45px;
  }
}

.tab-hidden {
  display: none;
}

.active {
  display: block !important;
}

.bold {
  font-weight: bold;
}

.pointer {
  cursor: pointer;
}

.container-menu-title {
  float: left;
  display: block;
  width: initial;
}

.detail-button {
  line-height: 66px;
  font-weight: normal;
  float: left;
}

.detail-button-holder {
  color: #A3BDCB;
  float: left;
  margin-left: 20px;
  cursor: pointer;
}

.detail-button-holder .fa-cog {
  float: left;
  line-height: 66px;
  font-size: 18px;
  margin: 0 5px;
}

.detail-button-holder .fa-exclamation-triangle {
  display: none;
}

.detail-button-holder.ng-invalid .fa-exclamation-triangle {
  display: inline-block;
  float: left;
  line-height: 66px;
  font-size: 16px;
  margin: 0 5px 0 12px;

}

.mdl-button.mdl-color--red-600:hover {
  background-color: #D96B4B !important; }
.mdl-button.mdl-color--red-600:active {
  background-color: #D96B4B !important; }

.mdl-button--accent.mdl-button--accent.mdl-button--raised:hover {
  background-color: #99c0d3;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised:active {
  background-color: #99c0d3;
}

.image-file-label {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #444;
  line-height: 28px;
  display: inline-block;
}

.form-button-holder {
  padding-top: 20px;
  border-top: #e5f1eb solid 1px;
  margin-top: 25px;
}

.round-mobile-menu-schedule {
  background-color: #EBF3EF;
  border-radius: 86px;
  text-align: center;
  color: #8AC6B0;
  font-size: 4vw;
}

.rating-summary {
  overflow: hidden;
  white-space: nowrap;
}
.rating-summary .rating-result {
  width: 83px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.rating-summary .rating-result:before {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  color: #c7c7c7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  height: 16px;
  letter-spacing: 2px;
  line-height: 16px;
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
  display: block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}
.rating-summary .rating-result > span {
  display: block;
  overflow: hidden;
}
.rating-summary .rating-result > span:before {
  position: relative;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  color: #ff5501;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  height: 16px;
  letter-spacing: 2px;
  line-height: 16px;
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
  display: block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}
.rating-summary .rating-result > span span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.product-reviews-summary .rating-summary .label,
.table-reviews .rating-summary .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.review-control-vote {
  overflow: hidden;
}
.review-control-vote:before {
  color: #c7c7c7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  height: 16px;
  letter-spacing: 2px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
  display: block;
  position: absolute;
  z-index: 1;
}
.review-control-vote input[type="radio"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.review-control-vote input[type="radio"]:focus + label:before,
.review-control-vote input[type="radio"]:checked + label:before {
  opacity: 1;
}
.review-control-vote label {
  cursor: pointer;
  display: block;
  position: absolute;
}
.review-control-vote label span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.review-control-vote label:before {
  color: #ff5501;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  height: 16px;
  letter-spacing: 2px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  opacity: 0;
}
.review-control-vote label:hover:before {
  opacity: 1;
}
.review-control-vote label:hover ~ label:before {
  opacity: 0;
}
.review-control-vote .rating-5 {
  z-index: 2;
}
.review-control-vote .rating-5:before {
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
}
.review-control-vote .rating-4 {
  z-index: 3;
}
.review-control-vote .rating-4:before {
  content: '\f005' '\f005' '\f005' '\f005';
}
.review-control-vote .rating-3 {
  z-index: 4;
}
.review-control-vote .rating-3:before {
  content: '\f005' '\f005' '\f005';
}
.review-control-vote .rating-2 {
  z-index: 5;
}
.review-control-vote .rating-2:before {
  content: '\f005' '\f005';
}
.review-control-vote .rating-1 {
  z-index: 6;
}
.review-control-vote .rating-1:before {
  content: '\f005';
}
.review-control-vote:before {
  content: '\f005' '\f005' '\f005' '\f005' '\f005';
}
.products-reviews-toolbar {
  position: relative;
}
.products-reviews-toolbar .toolbar-amount {
  position: relative;
  text-align: center;
}
.review-toolbar {
  border-top: 1px solid #c9c9c9;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
.review-toolbar:first-child {
  display: none;
}
.review-toolbar .pages {
  border-bottom: 1px solid #c9c9c9;
  display: block;
  padding: 20px 0;
  text-align: center;
}
.review-toolbar .limiter {
  display: none;
}
.review-add .block-title {
  display: none;
}
.review-form .action.submit.primary {
  background: #eeeeee;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding: 7px 15px;
  margin: 0;
}
.review-form .action.submit.primary:focus,
.review-form .action.submit.primary:active {
  background: #e2e2e2;
  border: 1px solid #cccccc;
  color: #333333;
}
.review-form .action.submit.primary:hover {
  background: #e1e1e1;
  border: 1px solid #cccccc;
  color: #333333;
}
.review-form .actions-toolbar .actions-primary {
  padding: 0;
}
.fieldset .review-legend.legend {
  border-bottom: 0;
  line-height: 1.3;
  margin-bottom: 20px;
  padding: 0;
}
.fieldset .review-legend.legend span {
  margin: 0;
}
.fieldset .review-legend.legend strong {
  display: block;
  font-weight: 600;
}
.fieldset .review-field-ratings > .label {
  font-weight: 600;
  margin-bottom: 10px;
  padding: 0;
}
.review-field-ratings .rating li {
  font-size: 24px;
}
.review-control-vote label:before,
.review-control-vote:before {
  font-size: 32px;
  height: 32px;
  letter-spacing: 10px;
  line-height: 32px;
}
.review-field-rating .label {
  font-weight: 600;
}
.review-field-rating .control {
  margin-bottom: 48px;
  margin-top: 10px;
}
.review-list {
  margin-bottom: 30px;
}
.review-list .block-title strong {
  font-weight: 300;
  line-height: 1.1;
  font-size: 2.6rem;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.review-item {
  border-bottom: 1px solid #c9c9c9;
  margin: 0;
  padding: 20px 0;
}
.review-item:after {
  clear: both;
  content: '';
  display: table;
}
.review-item:last-child {
  border-width: 0;
}
.review-ratings {
  display: table;
  margin-bottom: 10px;
  max-width: 100%;
}
.review-author {
  display: inline;
}
.review-author .review-details-value {
  font-weight: 400;
}
.review-date {
  display: inline;
}
.review-title {
  font-weight: 600;
  line-height: 1.1;
  font-size: 1.8rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin: 0 0 20px;
}
.review-content {
  margin-bottom: 20px;
}
.page-main .column .review-add {
  margin-bottom: 0;
}
.data.table.reviews .rating-summary {
  margin-top: -4px;
}
.customer.review.view .review.title,
.customer.review.view .ratings.summary.items,
.customer.review.view .product.details {
  margin-bottom: 20px;
}
.product-reviews-summary {
  margin-bottom: 5px;
}
.products.wrapper.list .product-reviews-summary {
  margin: 0 auto;
}
.product-reviews-summary .rating-summary {
  display: inline-block;
  vertical-align: middle;
}
.product-reviews-summary .reviews-actions {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}
.product-reviews-summary .reviews-actions a:not(:last-child) {
  margin-right: 30px;
}
.product-info-main .rating-summary,
.customer-review .rating-summary {
  margin-right: 30px;
}
.block-reviews-dashboard .items .item {
  margin-bottom: 20px;
}
.block-reviews-dashboard .items .item:last-child {
  margin-bottom: 0;
}
.block-reviews-dashboard .product-name {
  display: inline-block;
}
.block-reviews-dashboard .product-name:not(:last-child) {
  margin-bottom: 5px;
}
.block-reviews-dashboard .rating-summary .label {
  font-weight: 600;
  margin-right: 10px;
}
.table-reviews .product-name,
.block-reviews-dashboard .product-name {
  font-weight: 400;
}
.table-reviews .rating-summary {
  display: inline-block;
  vertical-align: baseline;
}
.customer-review .product-media {
  float: left;
  margin-right: 3%;
  max-width: 285px;
  width: 30%;
}
.customer-review .review-details {
  margin: 0;
}
.customer-review .review-details .customer-review-rating {
  margin-bottom: 20px;
}
.customer-review .review-details .customer-review-rating .item {
  margin-bottom: 10px;
}
.customer-review .review-details .customer-review-rating .item:last-child {
  margin-bottom: 0;
}
.customer-review .review-details .review-title {
  line-height: 1.1;
  font-size: 1.8rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.customer-review .review-details .review-content {
  margin: 0;
  margin-bottom: 20px;
}
.customer-review .review-details .review-date {
  color: #a6a6a6;
}

.review-form-holder {
  padding: 0 0 0 20px;
}

.list-group-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
    border-bottom: #f4f7f5 solid 1px;
}

.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0;
}
ul.rating {
    display: inline-block;
}
.rating li {
    list-style-type: none;
    display: inline-block;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.rating .filled {
    color: red;
}

.dhx_cal_today_button.fake-button {
    margin: 0 0 0 -10px;
}

.drawer-tabs .block-content{
  padding: 20px;
}

.close-drawer{
  background: #8db0c1;
  border-radius: 0px;
}