.fa:not(.table-icon) {
  font-size: 1.3em;
  width: 35px;
  color: rgba(0, 0, 0, 0.54); }

.table-icon {
  font-size: 1.3em; }

section {
  -webkit-transition: all linear .5s;
  transition: all linear .5s; }

section.ng-hide {
  opacity: 0; }

.hover {
  cursor: pointer; }

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

.main-content {
  padding-top: 60px;
  margin-left: 20px; }
  @media (max-width: 1280px) {
    .main-content {
      margin-left: 0; }
      .main-content h1, .main-content h2 {
        text-align: center; }
      .main-content section[data-subcategory] {
        margin: 10px 20px; } }

.main-content.margin {
  margin-left: 350px !important; }

md-card-title-media > i.fa {
  font-size: 5em !important;
  margin-left: -100px;
  color: orange !important; }
  @media (max-width: 599px) {
    md-card-title-media > i.fa {
      opacity: .1; } }

md-toolbar {
  height: 50px !important;
  background-color: white; }

.md-sidenav-left {
  position: fixed !important;
  z-index: 60;
  margin-top: 60px; }

.md-icon-button i {
  margin-left: -5px; }

.md-avatar {
  background-color: #dbdbdb; }

section.category {
  margin-right: 30px; }
  @media (max-width: 1280px) {
    section.category {
      margin-right: 20px; } }

img.thumbnail {
  width: 100%;
  max-height: 100%; }

md-toast {
  position: fixed !important; }

.md-toast.error > .md-toast-content {
  opacity: .95;
  background-color: #ff1919; }

.md-toast.success > .md-toast-content {
  opacity: .95;
  background-color: #009c00; }

.photo-star {
  position: absolute;
  top: 10px;
  left: 10px;
  color: gold !important;
  opacity: .8; }

a {
  color: #ff9900; }

md-card-title-media i.fa {
  opacity: 0.2; }

md-chips.md-default-theme .md-chips, md-chips .md-chips {
  box-shadow: none !important;
  margin-bottom: 5px; }
  md-chips.md-default-theme .md-chips md-chip, md-chips .md-chips md-chip {
    font-size: .8em; }
    md-chips.md-default-theme .md-chips md-chip i.fa, md-chips .md-chips md-chip i.fa {
      width: auto !important; }

md-divider.item-divider {
  margin-top: 5px;
  margin-bottom: 5px; }

md-toolbar.errors {
  height: auto !important;
  font-size: .9em; }

.product-img {
  text-align: center; }
  .product-img img {
    max-width: 65%; }
    @media (max-width: 599px) {
      .product-img img {
        max-width: 50%; } }

md-list-item {
  max-width: 100% !important; }
  md-list-item .md-list-item-text {
    max-width: 100% !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }

md-card.product {
  width: 45% !important;
  float: left; }
  @media (max-width: 599px) {
    md-card.product {
      width: 100% !important; } }

.product-wrapper {
  width: 50% !important;
  float: left; }
  @media (max-width: 599px) {
    .product-wrapper {
      width: 100% !important;
      float: none; } }
  @media (max-width: 1024px) {
    .product-wrapper {
      width: 100% !important;
      float: none; } }

.product-img {
  width: 45%;
  float: left; }
  .product-img img {
    max-width: 65%; }
  @media (max-width: 1024px) {
    .product-img {
      display: none; } }

md-input-container {
  min-height: 50px; }

.datepicker-wrap {
  min-height: 50px;
  width: 100%; }

.md-datepicker-input-container {
  max-width: 100%;
  width: 100%; }
  .md-datepicker-input-container input {
    width: 100%;
    max-width: 100%; }

.md-datepicker-open .md-datepicker-input-container {
  background: none; }

body {
  margin-bottom: 50px; }

.table-thumbnail {
  width: 64px;
  height: 36px;
  margin: 3px; }

.animate-show {
  opacity: 1; }

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s; }

.animate-show.ng-hide {
  opacity: 0; }

.clickable-row:hover {
  cursor: pointer;
  background: #f5f5f5; }

.md-panel {
  background: white; }

.md-panel-outer-wrapper {
  background: rgba(0, 0, 0, 0.4); }

.red {
  color: red !important; }

.green {
  color: green !important; }