@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.ss-green {
  background-color: #52B949 !important; }

.ss-green-text {
  color: #52B949 !important; }

.ss-green.lighten {
  background-color: #92E88B !important; }

.ss-green-text.text-lighten {
  color: #92E88B !important; }

.ss-green.darken {
  background-color: #29692C !important; }

.ss-green-text.text-darken {
  color: #29692C !important; }

.ss-grey {
  background-color: #4B4849 !important; }

.ss-grey-text {
  color: #4B4849 !important; }

.ss-grey.darken {
  background-color: #272324 !important; }

.ss-grey-text.text-darken {
  color: #272324 !important; }

.ss-grey.lighten {
  background-color: #D9D9DA !important; }

.ss-grey-text.text-lighten {
  color: #D9D9DA !important; }

.black {
  background-color: #444444 !important; }

.black-text {
  color: #444444 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.container.products,
.container.account {
  width: auto; }

.page {
  min-height: 740px; }

.default-color {
  background-color: #52B949 !important; }

.tabs .tab a {
  color: #52B949 !important; }

.tabs .tab a:hover {
  color: #92E88B !important; }

.tabs .tab a:focus.active {
  background-color: #D9D9DA; }

.tabs .indicator {
  background-color: #52B949; }

.btn, .btn-large {
  background-color: #52B949; }

.btn:hover, .btn-large:hover {
  background-color: #92E88B; }

.collection a.collection-item {
  color: #29692C; }

.progress {
  background-color: #92E88B; }

.progress .indeterminate {
  background-color: #52B949; }

.alert-error {
  background-color: red; }

.alert-warning {
  background-color: goldenrod; }

.alert-primary, .alert-success {
  background-color: #52B949; }

form p.error {
  margin-top: -10px; }

.ng-invalid.ng-touched {
  border-bottom: 1px solid red !important;
  box-shadow: 0 1px 0 0 red !important; }

dl {
  margin-top: 0;
  margin-bottom: 18px; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

.dl-horizontal dt {
  text-align: left; }

#profile .dl-horizontal dt {
  height: 3rem; }

.quantity.input-field {
  margin-top: 0px; }

button.add-to-cart {
  margin-top: 10px; }

table.condensed td,
table.condensed.th {
  padding: 10px 5px; }

tr.condensed td {
  padding: 5px 5px; }

a.action {
  color: #D9D9DA; }

a.action:hover {
  color: #272324; }

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table; }

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both; }

.filterControl select {
  width: 85% !important;
  margin-left: 20px; }

a:hover {
  text-decoration: none; }

nav ul a,
ul.sidenav a {
  padding: 0 10px; }

nav a, nav ul a,
ul.sidenav a {
  font-size: 1.1em; }

.pull-right {
  float: right !important; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.open > .dropdown-menu {
  display: block; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.btn {
  font-size: 14px; }

.breadcrumb {
  background-color: transparent; }

a.breadcrumb,
.breadcrumb:before {
  color: grey; }

.breadcrumb:last-child {
  color: black; }

a.breadcrumb:hover {
  text-decoration: underline; }

.discounted {
  text-decoration: line-through; }

.discount {
  background-color: #92E88B;
  font-size: 0.5em;
  color: grey;
  padding: 3px; }

.product-detail td {
  padding: 10px; }

.product.card {
  padding: 10px; }

form#product-search button {
  margin-top: 25px;
  margin-left: -20px;
  padding: 0 0.5rem; }

.toast.success {
  background-color: #52B949; }

.product-link {
  color: #52B949; }

.product-link:hover {
  text-decoration: underline; }

nav li,
ul.sidenav,
#category-menu {
  background-color: #52B949; }

#category-menu {
  width: auto !important; }

ul.sidenav a {
  color: #fff; }

i.left {
  margin-right: 1px; }

.dropdown-content li > a, .dropdown-content li > span {
  color: #fff !important; }

.autocomplete-content li span {
  color: #000 !important; }
  .autocomplete-content li span .highlight {
    color: #52B949 !important; }

.img-hover-zoom {
  overflow: hidden;
  /* [1.2] Hide the overflowing of child elements */ }

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease; }

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2); }