/*!
  jQuery JSON Store / Shop - Shopping Cart
  Created by LivelyWorks - http://livelyworks.net
  Ver. 1.0.0 - 11 NOV 2019
*/
body {
	/* overflow:auto; 
    padding-bottom: 20px;
    overflow-y: scroll; */
    /* padding-top: 160px; */
}

#storeLogo {
    max-width: 100%;
    height: 100px;
    padding: 12px 20px;
}

@media screen and (max-width: 979px) {
    body {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    body {
        padding-top: 0;
    }
}

a {
    outline: none!important;
}

.disable-scrolling {
    /*overflow: hidden;*/
}

label.error {
    color: #b94a48;
}

.hidden {
    display: none!important;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.clear{
	clear:both;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


.left-align, td.left-align, th.left-align {
	text-align:left;
}
.right-align, td.right-align, th.right-align {
	text-align:right;
}

.center-align, td.center-align , th.center-align {
	text-align:center;
}

.lw-modal .modal-dialog .modal-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.lw-modal .modal-dialog {
margin-top: 0;
  width: 94%; margin-left: 3%; min-width: 94%;}
  @media (min-width: 401px) and (max-width: 767px) {
    .lw-modal .modal-dialog {
      width: 90%; margin-left: 5%; min-width: 90%;} }
  @media (min-width: 768px) and (max-width: 1220px) {
    .lw-modal .modal-dialog {
      width: 80%; margin-left: 10%;min-width: 80%;} }
  @media (min-width: 1221px) and (max-width: 1480px) {
    .lw-modal .modal-dialog {
      width: 70%; margin-left: 17.5%;min-width: 70%;} }
  @media (min-width: 1481px) and (max-width: 1780px) {
    .lw-modal .modal-dialog {
      width: 60%; margin-left: 20%;min-width: 60%;} }

.lw-modal-body img {
	padding: 30px;
    max-width: 100%;

    /* min-width:35px; */
    /* min-height:35px; */
    background:#ffffff url(../img/ajax-loader.gif) center center no-repeat;
}

.modal-footer{
    clear: both;
}

.no-cursor {
	cursor: default;
}

.shopping-cart-btn-container {
	display: inline-block; margin: 30px 10px 10px 0; float: right;
}

/* item specifics */

/* product details modal footer height */
.product_details_modal .modal-footer{
	height:50px;
}
/* cart holder modal footer height */
#cartHolder .modal-footer{
    height:80px;
}
/* show cart button top margin */
#showCart{
	margin-top:40px;
}

/* Categories breadcrumb color */
#productsBreadcrumb {
	/*color:#aaa;*/
	border-bottom: 1px #dddddd solid;  border-radius: 0;
    padding: 8px 20px;
}
.lw-breadcrumb-container {
    /*top: 0;*/
    right: 0;
    left: 0;
    /* z-index: 3; */
    /* position: fixed; */
}

.lw-header-container {
    justify-content: space-between;
    padding: 0;
}

#categoriesList .category-link-all {
    padding-left: 10px;
}

#categoriesList .list-group-item.active {
    color: #fff;
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}

@media (max-width: 768px) {
    .lw-header-container {
        justify-content: center;
    }
}

/* Current Category */
.active-category {
	margin-left:1px;
}



#current_products_count {
	margin-top:8px;
}

/* Shopping Cart loader position */
#loaderContainer {
	width:200px; 
	vertical-align:middle; 
	text-align: center; 
	background: rgba(80,80,80,0.4); 
	overflow: hidden; 
	padding: 10px; 
	border-radius: 8px;
	-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2); 
	color:#ffffff; 
	position: fixed; 
	left: calc(50% - 100px);
	top:calc(50% - 100px);
	z-index: 9999;
}

#loaderContainer .lw-loading-status {
	background: rgba(255,255,255,0.6); 
	padding: 8px; 
	border-radius: 8px;
	-webkit-box-shadow:inset 2px 2px 0 0 rgba(0,0,0,0.2);
	box-shadow:inset 2px 2px 0 0 rgba(0,0,0,0.2);
}


/* Thumbnail image holder*/ 
.thumb-holder {
	margin:0 auto;
	min-width:100px;
	max-height:300px;
    padding: 20px;
	overflow:hidden;
	background:#ffffff url(../img/ajax-loader.gif) center center no-repeat;
	-webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  text-align: center;
      margin-bottom: 20px; 
}


/* Thumbnail image holder
.thumb-holder {
	margin:0 auto;
	min-width:100px;
	max-height:200px;
    padding: 10px;
	overflow:hidden;
	background:#ffffff url(../img/ajax-loader.gif) center center no-repeat;
	-webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  text-align: center;
      margin-bottom: 20px;
}
*/

.thumb-holder.lw-image-broken {
    background:#ffffff url(../img/image-broken.png) center center no-repeat;
}

.lw-broken-file-link {
    min-height: 128px;
    text-align: center;
    background:transparent url(../img/broken.png) center center no-repeat;
}

img.lw-loader {
    min-width:35px;
    min-height:35px;
    background:#ffffff url(../img/ajax-loader.gif) center center no-repeat;
}

.product-item {
/*  width: 240px;
  height: auto;
  min-height: 200px;
  float: left;
  padding: 1px 1px 10px 1px;
  border: 2px dotted rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 16px; */
}


.product-item {
	width 				: 240px;
	/*background 			: rgba(255,255,255,0.06); */

      min-height: 200px;
      float: left;
      padding: 1px 1px 16px 1px;
      margin-bottom: 16px;


	-webkit-opacity 	: 0;
	-moz-opacity 		: 0;
	 opacity 			: 0;

	/*margin: 20px 20px 0px 0!important;*/

	-webkit-transition  : margin-top .5s ease-in-out, opacity .5s ease-in-out, background .3s ease-in-out;
    -moz-transition     : margin-top .5s ease-in-out, opacity .5s ease-in-out, background .3s ease-in-out;
    -ms-transition      : margin-top .5s ease-in-out, opacity .5s ease-in-out, background .3s ease-in-out;
    -o-transition       : margin-top .5s ease-in-out, opacity .5s ease-in-out, background .3s ease-in-out;
     transition         : margin-top .5s ease-in-out, opacity .5s ease-in-out, background .3s ease-in-out;
     text-align         : center;

     -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
}

.product-item .thumbnail {
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.product-item .popover {
    min-width: 250px;
}

.lw-popover-content .input-group {
    margin-bottom: 12px;
}

.lw-cart-qty-input, .modal .item-product-qty {
    /* max-width: 76px; */
}
.lw-cart-thumbnail {
    text-align: center;
}
.lw-cart-thumbnail img{
    max-width: 75px;
    max-height: 75px;
}

.lw-spin-animation {
  animation-name: spin-animation;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}

@keyframes spin-animation {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@media (min-width: 401px) and (max-width: 767px) {
.product-item {
  width: 100%; } }
@media (min-width: 768px) and (max-width: 1220px) {
.product-item {
  width: 49%; } }
@media (min-width: 1221px) and (max-width: 1480) {
.product-item {
  width: 36%; } }
@media (min-width: 1481px) and (max-width: 1780px) {
.product-item {
  width: 32%; } }


/*
@media (min-width: 401px) and (max-width: 767px) {
.product-item {
  width: 100%; } }
@media (min-width: 768px) and (max-width: 1220px) {
.product-item {
  width: 49%; } }
@media (min-width: 1221px) and (max-width: 1480) {
.product-item {
  width: 36%; } }
@media (min-width: 1481px) and (max-width: 1780px) {
.product-item {
  width: 23%; } }
*/

/* My code
.product-item {
  height: 520px;
}*/

  .lw-gutter-sizer {
 list-style: none;
  width: 16px; }
  @media (min-width: 401px) and (max-width: 767px) {
    .lw-gutter-sizer {
      width: 0%; } }
  @media (min-width: 721px) and (max-width: 1220px) {
    .lw-gutter-sizer {
      width: 1.505%; } }
  @media (min-width: 1221px) and (max-width: 1480px) {
    .lw-gutter-sizer {
      width: 1.33%; } }
  @media (min-width: 1481px) and (max-width: 1780px) {
    .lw-gutter-sizer {
      width: 2%; } }


.product-item.fade-in {
	/*margin: 0px 20px 20px 0!important;*/
	-webkit-opacity: 1;
	  -moz-opacity: 1;
	  opacity: 1;
}

.product-item .card-text {
    color: #777777;
}

.lw-product-attributes {
	color:#aaa;
    font-size: 0.45em;
}

#productsContainer {
    /* min-height: 500px; */
    /* position: absolute; */
    /* display: block; */
}

#productsContainer .product-link {
	font-size:130%;
    color: #0d7eb3;
    text-decoration: none;
}

/* Price amount color */
.product-price {
	color:#c80000;
}
#productsContainer .product-price{
	font-size:130%;
}

/* Product summery */
.product_sum{
	min-height:70px;
}

.old-product-price {
	color:#aaa; text-decoration: line-through; font-size:90%; font-weight: normal;
}
 
 /* Footer */
 #footer{
	background:#ddd; 
    /* position:fixed;  */
    /* bottom:0; */
     /*margin-bottom:-10px; */   padding:0px; 
	border-top: 1px #dddddd solid; 
    border-radius: 0; 
    width: 100%;
    /* padding: 4px; */
    /* z-index: 3; */
    /* font-size: 85%; */
}

.footer-text {
    font-size: 85%;
     width: 100%;
     padding: 8px;
}

.lw-header-bar {
	background-color: #2C2C2C;
}

.lw-header-bar  img {
    max-width: 100%;
}

.lw-nested-group-controls .controls{
    margin-bottom: 10px;
}

#searchedProductCounts {
    padding: 4px 0; color: #898989;
}

.bs-callout-danger {
    border-left-color: #d9534f!important;
}

.bs-callout {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    color: #aaa;
}

.color-red {
    color: #d9534f;
}

label.error {
    text-decoration: none; font-weight: normal; display: inline-block; padding: 4px 0 0 0; font-size: 80%;  margin-top: .25rem;
}

.preloaderA {
    font-size: 10px;
    margin: 5em auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
}

.product-item-thumb-image {
    /* width: auto; */
    /*max-height: 180px;*/
	max-height: 300px;
    object-fit: contain;
    /* padding: 10px; */
}

.lw-btns .btn{
    margin-top: .25rem;
    margin-bottom: .25rem;
    cursor: pointer
}

.lw-btns .btn:not(:last-child){
    margin-right: .25rem;
}

.clear-search-result-btn,
.clear-search-result-btn:hover {
    border-color: #ced4da;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.lw-number-spinner .input-group-btn button[data-dir="dwn"]
 {
    border-radius: 0;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
 }

 .lw-number-spinner .input-group-btn button[data-dir="up"]
 {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
 }


.go-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}