@import url('https://fonts.googleapis.com/css?family=Lato');
@import url("category-tree.css");
@import url("fontawesome-all.css");
/*@import url("menu-1.css");
@import url("menu-2.css");
@import url("menu-3.css");
@import url("menu-4.css");
@import url("menu-5.css");
@import url("menu-6.css");
@import url("menu-7.css");
@import url("menu-8.css");
@import url("menu-9.css");
@import url("menu-10.css");
@import url("menu-11.css");
@import url("menu-12.css");
@import url("menu-13.css");
@import url("menu-14.css");
@import url("menu-15.css");
@import url("menu-16.css");
@import url("menu-17.css");
@import url("menu-18.css");*/

/* -------------- General -------------- */
body {
  background: #959595;
  min-width: 1200px;
}

.container {
  width: 96%;
}
.main-container{
    width: 95%;
    max-width: 3668px;
    margin: 0;
    padding: 0 1.5rem;
}
.thin-text {
    font-weight: 200;
}
.sticky-component {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.sticky-component.filters-section {
  top: 6px;
}
.breadcrumb-container .breadcrumb {
  color: rgba(0,0,0,0.87);
  font-weight: 900;
}
.breadcrumb-container .breadcrumb:before {
  color: rgba(0,0,0,0.87);
  font-size: 20px;
  margin: 0 4px 0 2px;
}
.breadcrumb-container .breadcrumb:last-child {
  color: #f44336;
}

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 */
}
/* -------------- Rewrite Materialize -------------- */
.card-panel, .toast, .side-nav {
  box-shadow: none;
}
nav, .card, .btn, .dropdown-content, .collapsible, .ui-menu {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.dropdown-content {
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  min-width: 160px;
}
.dropdown-content a:hover {
  background-color: #f1f1f1;
}
.dropdown-content li > a,
.dropdown-content li > span {
  color: #959595;
}

/* -------------- Header -------------- */
.main-header nav {
  background: #f5f5f5;
}
.main-header nav,
.main-header nav a.button-collapse,
.main-header nav a.button-collapse i {
  height: 100px;
}
.header-menu .breadcrumbs {
  margin-left: 5px;
  overflow: hidden;
  padding: 0;
}
.header-menu .breadcrumbs > * {
  color: #ffdc00;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
}
.header-menu .breadcrumbs *:before {
  content: "";
  color: #aaa;
  margin: 0 .66667rem;
  position: relative;
  top: 1px;
}
.main-header .input-search {
  position: relative;
}
.main-header input[type=text] {
  background-color: #d7d7d7;
  border: 0 none;
  border-radius: 3px;
  color: #888;
  font-size: 1rem;
  height: 4rem;
  margin: 22px 15px 0px 25px;
  padding: 0 8px 0 60px;
  text-align: center;
  width: 400px;
}
.main-header input::placeholder { color: #bbb; }
.main-header input::-webkit-input-placeholder { color: #bbb; }
.main-header input:-ms-input-placeholder { color: #bbb; }
.main-header input::-moz-placeholder { color: #bbb; }
.main-header input:focus::placeholder { color: transparent; }
.main-header input:focus::-webkit-input-placeholder { color: transparent; }
.main-header input:focus:-ms-input-placeholder { color: transparent; }
.main-header input:focus::-moz-placeholder { color: transparent; }

.main-header input[type=text]:not(.browser-default):focus:not([readonly]) {
  border: 0 none;
  box-shadow: none;
}
.main-header input[type=text]:focus:not([readonly]) + label {
  color: #fe5722;
}
.search-icon {
  background: #d7d7d7;
  color: #fe5722;
  font-size: 2rem;
  left: 50px;
  position: absolute;
  top: 38px;
}

/* -------------- Home Middle column -------------- */
.home-produktliste h2 {
  font-size: 1.4rem;
  font-weight: 900;
  margin: 0.8rem 0 0.5rem 1rem;
}
.slider,
.slider .slides {
  height: 290px;
}
.slider .indicators {
  bottom: 10px;
}
.slider .indicators .indicator-item {
  z-index: 2;
}

/* User Panel */
.user-section {
  background: #959595;
  margin-bottom: 5px;
  padding: 16px;
}
.user-section .row,
.user-section .btn {
  margin-bottom: 3px;
}
.user-section h5 {
  font-size: 1.2rem;
  margin: .3rem 0 .35rem 0;
}
.user-section .account-info .dropdown-button {
  color: #f0e81e;
}

/* Cart Panel */
.cart-section {
  background: #959595;
  margin-bottom: 5px;
  padding: 10px;
}
.cart-section .col {
  position: relative;
}
.cart-section .gallery-action {
  position: absolute;
  right: 8px;
  top: 20px;
}
.cart-section .gallery-action .go-to-ratings {
  background: #32de88;
  border-radius: 50%;
  color: #fcfcfc;
  font-weight: 900;
  height: 30px;
  line-height: 32px;
  width: 30px;
}
.cart-section h5 {
  font-size: 1.2rem;
  font-weight: 500;
  margin: .3rem 0;
}
.cart-items-section {
  background: #f5f5f5;
  margin-bottom: 5px;
  padding: 10px 6px;
}
.cart-items-section .produktliste {
  margin: 2px;
}
.cart-items-section a {
  color: #848485;
}
.cart-items-section .btn {
  background: #959595;
  color: #ffdc00;
  font-weight: bold;
}
.cart-items-section .cart-items-list .col {
  padding: 0 0.3rem;
}
.cart-items-section .cart-items-list .item-title {
  margin-top: 10px;
}
.cart-items-section .cart-items-list .item-title a {
  font-size: 11px;
}
.cart-items-section .cart-items-list .item-qty-section img {
  padding: 0;
}
.cart-items-section .total-amount:not(:first-child) {
  margin-top: 20px;
}

/* -------------- Items -------------- */
.item-preview {
  cursor: pointer;
  min-height: 363px;
}
.item-preview .card-content {
  padding: 10px 10px 0 10px;
}
.item-preview .stars-rating {
  text-align: center;
}
.item-preview .stars-rating .fa-star,
.item-preview .stars-rating .fa-star-half {
  color: #fc6;
}
.item-preview h3 {
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.4;
  margin: 0;
  padding: 15px 0px 0px 0px;
}
.item-preview h3 a {
  color: #212121;
}
.item-preview .card-content p {
  margin: 5px 0;
}
.item-preview .precioACT {
  color: #d70003;
}
.item-preview .savemoneylist {
  color: #bdbdbd;
}
.item-qty-section {
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.item-qty-section table,
.item-qty-section th,
.item-qty-section td {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0;
}
.item-qty-section .input-item-amount {
  background: #fff !important;
  border: 1px solid #9e9e9e !important;
  font-size: 1rem !important;
  height: 1.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  width: 100% !important;
}
.item-qty-section img {
  padding: 0 5px;
}

/* -------------- Footer -------------- */
.page-footer {
  background: #f5f5f5;
}
.page-footer h5 {
  color: #fe0000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 110%;
  margin: .3rem 0 .35rem 0;
}
.page-footer li {
  color: rgba(0,0,0,0.87);
  line-height: 1.2;
}
.page-footer a {
  color: #7a7a7a;
}

.download-button{
  color:#00a9c9;
  cursor: pointer;
}

.order-items table input {
  min-width: 55px;
}

.carControl .input-item-amount{
  width:50%!important;
}
.VueTables__heading {
  text-decoration: underline;
}
.VueTables__search-field label{
  font-size:24px;
  color: #000000;
}
.VueTables__sortable .sort-up {
  display: inline-block;
  margin-left: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #040404;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.VueTables__sortable .sort-down {
  display: inline-block;
  margin-left: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #040404;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.indicatorCard .card .card-title{
  font-size:1.1rem;
}
.indicatorRenderContainer table td, .indicatorRenderContainer table th {
  padding: 5px 5px;
}

.indicatorRenderContainer .card.large .card-content{
  overflow-y: scroll!important;
}