
input.qty-input.red {
  background: #ffcece;
}

input:focus::placeholder {
  color: transparent;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
  color: transparent;
}
/* IE 10+ */

.customer-info-page input {
  border-left: 0px !important;
  border-top: 0px !important;
  border-right: 0px !important;
}

.customer-info-page .inputs label {
  margin-bottom: 0rem !important;
}

.customer-info-page .inputs .required {
  display: none;
}

.block-account-navigation .active {
  font-weight: bold !important;
}

table.small tr td {
  font-size: 0.775rem !important;
  padding: 5px 2px !important;
}

.order-details .line-item .item-lbl {
  font-weight: bold;
}

.order-details .line-item .item-txt {
}

.order-items {
  font-size: 1.2rem;
  margin-top: 15px;
  font-weight: bold;
}


.account-page table a {
  color: #373839
}

  .account-page table a.btn {
    color: #FFD400
  }

.product-manfacturer-info .man-desc {
  overflow: hidden;
}

.read-more-man {
  float: left;
  width: 100%;
  border-top: 1px solid #ddd0d7;
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #817070 !important;
}

.availability, .non-discounted-price, .ppc, .product-price.discounted-price {
  float: left;
  width: 100%;
}



  .availability .outofstock, .availability .trenutnoninazalogi {
    color: #e80000;
  }

  .availability .instock, .availability .nazalogi {
    color: #009f00;
  }

.customer-orders {
  display: none
}

.last-subtotal {
  border-top: 2px solid;
}

.last-subtotal {
  border-top: 2px solid;
}

.last-subtotal {
  border-top: 2px solid;
}

.account-page.page.category-page.myproducts.invoice-details {
  color: #000;
  font-family: verdana !important;
}

.invoice-details .conpany-info {
  font-size: 12px;
  line-height: 12px;
}

.invoice-details .invocice-header {
  padding-bottom: 20px;
  border-bottom: 1px solid gray;
}

.invoice-details table tr th, .invoice-details table tr td {
  font-size: 0.75rem !important;
  text-align: left !important;
}

.invoice-details table th {
  background-color: #ececec;
}

.invoice-details .invoice-dates {
  margin-top: 15px;
  font-size: 13px;
}

.invoice-details .invoice-number {
  border-bottom: 3px solid black;
  margin-bottom: 5px;
  font-size: 20px;
}

.invoice-details .order-number {
  font-size: 13px;
  margin-bottom: 15px;
}


.invoice-details .invoice-receipient, .invoice-issuer {
  font-size: 13px;
  line-height: 16px;
}

.invoice-details tr.last-subtotal td, .invoice-details tr.last-vat td {
  border: none !important;
}

.print-button {
  width: 100%;
  float: left;
  text-align: center;
  margin: 30px 0 10px 0;
  border-bottom: 1px dashed grey;
  padding-bottom: 30px;
}

  .print-button button#print {
    float: none
  }

.upload-info {
  background: #D5D5D5;
  background-image: url(/Themes/Colby/Content/images/footer-pattern.png);
  padding: 20px;
  margin-bottom: 20px;
}

  .upload-info a {
    color: #000 !important;
    font-weight: bold !important;
  }

.qq-upload-button {
  background: #28a745 !important;
  width: 200px !important;
}

.qq-upload-button-hover {
  background: #4baf62 !important;
}



.account-page.invoice-details .add-to-cart {
  float: right;
  background: #FFD400;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  margin: 2px 5px 0 5px;
  padding: 0px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

  .account-page.invoice-details .add-to-cart:hover {
    background: #000000;
  }

  .account-page.invoice-details .add-to-cart i:hover {
    color: #FFD400;
  }

.customer-price span.price.old-price {
  width: 100%;
  float: left;
  text-decoration: line-through;
  font-weight: normal;
}

.nav.visible {
  border: 1px solid #e6e6e6;
}

a.order-item-link, a.invoice-item-link {
  background: #d5d5d5;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  padding: 2px 8px;
  color: black !important;
}

  a.order-item-link:hover, a.invoice-item-link:hover {
    background: #ffd400;
  }

.order-list .pager {
  margin-top: 10px;
}

/*contact us*/
.contact-page .form-fields textarea {
  width: 100%
}

.contact-us-button {
  float: left;
  width: 190px;
  background: #FFD400;
  border: none;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 37px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 2px 2px 10px 7px rgba(0, 0, 0, 0.07);
}

  .contact-us-button:hover {
    background: #000000;
    color: #FFD400;
  }

#ui-id-1 .ui-menu-item-wrapper {
  border-top: 0px !important;
  border-bottom: 0px !important
}

/*.cart-footer .totals .total-info .cart-total .cart-total-left,
.cart-footer .totals .total-info .cart-total .cart-total-right {width:50% !important}
*/

.html-product-details-page .related-products-grid #prod-holder .slick-prev {
  left: -10px !important;
}

.html-product-details-page .related-products-grid #prod-holder .slick-next {
  right: -10px !important;
}

@media (max-width: 500px) and (min-width: 320px) {

  #siteHeader .header-bottom .logo img {
    max-width: 175px !important
  }

  #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .fly-out-cart-wrapper .flyout-cart {
    left: inherit;
    right: -50px !important;
    width: 320px !important;
  }

  /*slick arrows on product*/
  .html-product-details-page .gallery #product-gallery-holder .slick-prev {
    left: -22px !important;
    top: 40% !important
  }

  .html-product-details-page .gallery #product-gallery-holder .slick-next {
    right: -22px !important;
    top: 40% !important
  }

    .html-product-details-page .gallery #product-gallery-holder .slick-prev:before,
    .html-product-details-page .gallery #product-gallery-holder .slick-next:before,
    .html-product-details-page .related-products-grid #prod-holder .slick-prev:before,
    .html-product-details-page .related-products-grid #prod-holder .slick-next:before {
      font-size: 20px !important;
    }

  .html-product-details-page .related-products-grid #prod-holder .slick-prev {
    left: 10px !important;
    top: 35% !important
  }

  .html-product-details-page .related-products-grid #prod-holder .slick-next {
    right: 10px !important;
    top: 35% !important
  }

  .html-checkout-page .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    width: 320px;
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    margin: 0 auto;
  }

  .wrap-search-results ul.ui-autocomplete.ui-front {
    margin: 0 auto !important;
    width: 320px !important;
    top: 40px !important;
    left: inherit !important
  }
}







@media (max-width: 768px) and (min-width: 320px) {
  .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .cti-edit {
    left: 0px !important;
    right: inherit !important
  }

  .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .product-quantity {
    float: left !important;
    padding-left: 45px !important;
  }

    .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .cti-attr.quantity .product-quantity.checkout {
      padding-left: 0px !important
    }

  .cart-wrapper .table-wrapper .cart-table-item .cti-subtotal .grand-total {
    text-align: left !important
  }
}

.html-shopping-cart-page .page, .html-checkout-page #checkout-steps {
  margin-bottom: 30px !important;
}

/*payment logos*/
.html-checkout-page ol#checkout-steps li.tab-section .section .method-name .payment-logo {
  width: 65px !important;
  float: left;
}

.html-checkout-page ol#checkout-steps li.tab-section .section .method-name .payment-details {
  width: calc(100% - 65px) !important;
  float: left;
}


#siteHeader .header-top .h-top-right .select-languages ul.lang-list {
  padding: 0px !important;
}

#siteHeader .header-top .h-top-right .select-languages .lang-wrap {
  padding-top: 8px !important;
}



@media (max-width: 1200px) and (min-width: 320px) {

  #siteHeader .header-top .h-top-left {
    width: calc(100% - 150px) !important;
    float: left;
    display: inline-block;
  }
  /*#siteHeader .header-top .h-top-left .contact-wrapper span  {padding: 18px 3px 18px 0 !important;}*/
  #siteHeader .header-top .h-top-right {
    width: 150px;
    float: right;
    display: inline-block;
    text-align: right;
  }

    #siteHeader .header-top .h-top-right .select-languages {
      float: right !important
    }


  .customer-links-mobile {
    float: left;
    width: 50px;
  }

    .customer-links-mobile .user-icon {
      float: left;
      width: 100%;
      line-height: 58px;
      text-align: center;
    }

      .customer-links-mobile .user-icon i {
        color: #fff;
      }

  .option-list {
    display: none;
    background: #000;
    float: left;
    position: absolute;
    top: 58px;
    list-style-type: none;
    padding: 0px; /*margin-left:-30px;*/
  }

    .option-list li {
      float: left;
      width: 100%;
      padding: 2px 5px;
      text-align: center;
      font-size: 0.8125rem;
      text-transform: uppercase;
      line-height: 23px;
    }

      .option-list li a {
        color: #cccccc;
        font-weight: 500;
      }

      .option-list li span {
        color: #cccccc;
        font-weight: 500;
      }
}


@media (max-width: 1920px) and (min-width: 1100px) {
  .wrap-search-results ul.ui-autocomplete.ui-front {
    border: 1px solid #ccc !important;
  }
}

@media (min-width: 1200px) {
  #siteHeader .header-top .h-top-left {
    width: 40% !important;
  }

  #siteHeader .header-top .h-top-right {
    width: 60% !important;
  }

    #siteHeader .header-top .h-top-right .select-languages ul.lang-list {
      padding: 2px !important;
    }

  #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .wishlist {
    display: block
  }

  .additiona-info .label {
    float: left;
    width: 30%;
  }

  .additiona-info .value {
    float: left;
    width: 70%;
  }

  .customer-links-mobile {
    display: none;
  }
}

@media (min-width: 1400px) {

  #siteHeader .header-bottom .logo img {
    max-width: 271px;
  }

  #siteHeader .header-bottom .mobile-wrapper .nav ul li a {
    font-size: 0.9375rem !important;
    font-weight: bold;
    color: #373839;
    padding: 16px 7px !important;
  }
}


@media (max-width: 1999px) and (min-width: 320px) {
  #siteHeader .header-bottom .mobile-wrapper .search-cart-wrapper .wishlist {
    display: none
  }

  .wrap-search-results {
    top: 58px !important;
  }
}


/*Button login to se prices*/
.login-price-1 a {
  font-size: 13px;
  border: 1px solid #ffd400;
  background: #ffd400;
  color: #000000 !important;
  padding: 5px 10px;
  font-weight: normal !important;
  width: 100%;
  float: left;
  text-align: center;
}

.login-price a {
  font-size: 13px;
  border: 1px solid #ffd400;
  background: #ffd400;
  color: #000000 !important;
  padding: 5px 10px;
  font-weight: normal !important;
}


.product-essential span.login-price {
  margin-top: 15px;
  float: left;
}

h2.product-title {
  height: 60px;
  overflow: hidden;
}

.cart-wrapper .message-error {
  list-style: none;
  background: #fbcfbd;
  width: 100%;
  padding: 5px;
  border-radius: 0px;
  text-align: center;
}

  .cart-wrapper .message-error ul {
    list-style: none;
    padding: 0px;
    padding: 0px;
    margin: 0;
  }

.block.block-account-navigation .customer-gdpr {
  display: none;
}

#shipping-new-address-form .dropdown.bootstrap-select.dropup {
  float: left;
  width: 70% !important;
  margin-bottom: 10px;
  border: 1px solid #d5d5d5;
}

.page.category-page.product-tag-page {
  margin-top: 25px;
}

.tags {
  float: left;
  width: 100%;
  border: 1px solid #e0e0e0;
}

  .tags ul {
    float: left;
    margin-left: 0px;
    padding: 0;
    text-align: center;
  }

  .tags li {
    list-style: none;
    margin: 0px 0 5px 0;
    margin-right: 0px;
    padding: 3px;
    float: left;
    margin-right: 5px;
    font-size: 0.9375rem;
    color: red;
  }

  .tags a {
    font-size: 0.9375rem;
    color: #373839 !important;
  }

.product-tags-list {
  float: left;
  width: 100%;
}

  .product-tags-list ul {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

    .product-tags-list ul li {
      list-style: none;
      width: auto;
      float: left;
    }

a.producttag {
  color: #373839 !important;
}

.separator {
  margin-right: 7px;
}

.nopAjaxFilters7Spikes .search {
  float: left;
  width: 100%;
  margin: 10px 0 18px 0;
  position: relative;
  display: inline-block;
}

input#search-incat-txt {
  float: left;
  width: 100%;
  border: 1px solid #c4c4c4;
  height: 44px;
  text-align: left;
  box-sizing: border-box;
  padding-right: 24px;
}

.clearable__clear {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-style: normal;
  user-select: none;
  cursor: pointer;
  padding: 0px 10px;
  line-height: 2.9rem;
  font-size: 2.5rem;
}

.nopAjaxFilters7Spikes .search input::-ms-clear { /* Remove IE default X */
  display: none;
}

.block.block-popular-tags {
  float: left;
  width: 100%;
}

@media (max-width: 991px) {
  .block.block-popular-tags {
    display: none;
  }
}

.products-search.stock {
  width: 100% !important;
  float: left !important;
  max-width: 100%;
}

  .products-search.stock form {
    width: 100%;
    float: left;
  }

  .products-search.stock .filter-warehouse {
    float: right;
  }

.pager ul li.last-page {
  display: block !important;
}

  .pager ul li.last-page:before {
    content: '...';
    padding-right: 10px;
  }

.pager ul li.first-page:after {
  content: '...';
  padding-left: 10px;
}

.shipping-cost .cart-total-right {
  width: 100% !important;
  display: block;
  padding-bottom: 15px;
  text-align: left !important;
  color: red;
  font-style: italic;
  padding-top: 0px;
}

.mega-menu-responsive .has-sublist .with-subcategories.lnk {
  display: none
}

.mega-menu-responsive .has-sublist .with-subcategories.toggler {
  display: block !important
}

.shopping-cart-page .cart-total .order-total {
  display: none
}

section#b2b-user-nav {
  margin-bottom: 35px !important;
}

.filter-stock {
  float: left;
  width: 100%;
}

.html-shopping-cart-page #b2b-user-nav,
.html-checkout-page #b2b-user-nav {
  display: none
}

.export-excel {
  float: right;
}

  .export-excel .fa-file-excel {
    font-size: 22px;
    color: #1d6f42;
    cursor: pointer;
  }

#b2b-user-nav .user-nav-wrapper::after {
  background: none !important;
}
 
 
 

.mega-menu-responsive .has-sublist .with-subcategories.lnk {
  display: none
}

.mega-menu-responsive .has-sublist .with-subcategories.toggler {
  display: block !important
}
 