body {
    text-align: center;
    padding-top: 0%;
    font-family: sans-serif;
  background-image: url('bg.jpg');
  background-size: cover;
  height: 100vh;
  color: #000;
  
}
.table-wrap {
  text-align: center;
  display: inline-block;
  background-color: #fff;
  padding: 2rem 2rem;
  color: #000;
}
 
 table.table-result {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }
 
  table.table-result tr {
    border: 1px solid #CCCCCC;
    padding: 5px;
  }
  
  table.table-result tr:hover {
    background-color: #dddddd;
  }

  table.table-result td.available {
    background-color: #99CC66;
  }

  table.table-result td.none {
    background-color: #ec6b45;
  }

  table.table-result td.few {
    background-color: #fffc69;
  }
  
  table.table-result tr:hover td.available {
    background-color: #88b55b;
  }

  table.table-result tr:hover td.none {
    background-color: #d05f3d;
  }

  table.table-result tr:hover td.few {
    background-color: #d5d358;
  }


  
  table.table-result th, table.table-result td {
    text-align: left;
    border-right: 1px solid #CCCCCC;
    height: 1px;
  }

  table.table-result th {
    padding: 10px;      
  }
  
  
  table.table-result td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #333333;
  }
  
  
  table.table-result td a:hover {
    color: #333333;
  }

  
  
  table.table-result th {
    color: #fff;
    background-color: #444;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

  table.table-result td.pricetd {
      white-space: nowrap;
  }
  

@media screen and (max-width: 600px) {
  table.table-result {
    border: 0;
  }
  table.table-result thead {
    display: none;
  }
  table.table-result tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #cccccc;
  }
  table.table-result td {
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid transparent;
  }
  table.table-result td:last-child {
    border-bottom: 0;
  }
  table.table-result td:before {
    content: attr(data-label) ':' "\00a0 ";
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}


.table-fapanel-price {
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content:start ;
   margin-bottom: 5px;
}

.table-fapanel-price .fa-border {
    border: 2px solid #eeeeee;
    background-color: #eeeeee;
    cursor: pointer;
    color: #555;
    border-radius: 2px;
    padding: 4px 4px;
    border: 2px solid transparent;
    background-color: transparent;
    -webkit-transition: all 100mslinear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100mslinear;
    font-size: 14px;
    position: relative;
}


.table-fapanel-price .fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f24e";
}

.table-fapanel-price .compare i:after {
    content: "+";
    font-size: 8px;
    position: absolute;
    top: -1px;
    right: 1px;
    font-weight: bold;
}

.table-fapanel-price .in_compare i:after {
    content: "-";
    font-size: 11px;
    top: -4px;
}

.table_product_buttons {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;    
}


.table_product_buttons .fa-border.fa-shopping-basket {
    background-color: #E85A71;
    border-color: #E85A71;
    color: #fff !important;
    position: relative;
    border-radius: 4px;
    padding: 4px 4px;
}



.table_product_buttons .prlistb {
    display: inline-block;
    padding-left: 5px;
    font-family: Roboto, Helvetica, sans-serif;
    padding: 1px 10px;
}


.table_product_buttons .cart {
    display: inline-block;
    border-radius: 2px;
    float: left;
}