﻿html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -20%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -80%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 20%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 80%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 80%; /* 6 columns */
  }
  
  #products-list .list-group-item 
    {
        margin: 0px 5px;
    }
    
    .twr-dst 
    {
        margin-top: 5px;
    }
}

#cats .list-group-item ul 
{

}

.list-group-item > div {

}

#cats ul ul .list-group-item 
{
    border: 0;
}

#cats .active > a 
{
    font-weight: bold;
}

#cats ul ul 
{
    padding-left: 5px !important;
}

#cats ul ul ul
{
    padding-left: 10px !important;
}

#cats ul ul ul ul
{
    padding-left: 15px !important;
}

#products-list 
{
    float: left;
    width: 100%;
}

#btn-show-cats 
{
    float: left;
    width: 100%;
}

#btn-show-cats button
{
    width: 70px;
    height: 40px;
}

@media (min-width: 767px) {
    #products-list .list-group-item 
    {
        margin-right: 0px;
    }
    
    .cell-price 
    {
        margin-top: 5px;
    }
}

.prod_img 
{
    float: left;
}

.prod_data 
{
    float: left;
}

.prod_count 
{
    text-align: right;
    width: 103px;
    border: solid 1px #ccc;
    float: right;
    margin: 5px 0;
    border-radius: 4px;
}

.btn-to-cart, .btn-to-cart2
{
    float: right;
}

.prod_name 
{
    float: left;
    width: 100%;
}

.prod_cart 
{
    float: left;
}

.prod_n 
{
    font-weight: bold;
}

.price_l, .price_v 
{
    float: left;

}

.price_v 
{
    text-align: right;
}

.prod_il 
{
    float: left;
    text-align: left;
    font-weight: bold;
}

.prod_ilv 
{
    float: left;
    text-align: left;
    width: 100%;
    text-align: right;
}

.no-padding 
{
    padding: 0;
}

.btn-to-cart2 
{
    float: right;
}

#filter 
{
    float: left;
    width: 100%;
    
    margin-bottom: 4px;
    padding: 0px 15px 0 15px;
}

.filter-box 
{
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    width: 100%;
    padding-top: 10px;
    background: #fff;
}

#filter input[type="text"] 
{

}

#filter .form-group {
    padding-left: 15px;
    padding-right: 15px;
}

#filter input[type="submit"] 
{

} 

#filter .checkbox-inline {
    margin-top: 8px;
}

.no-recors 
{
    text-align: center;
}

.pagination 
{
    margin: 5px 0;
}

.list-group {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
    }
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}