.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

#wpfooter{
  position: relative !important;
}

#products {
  /* Prevent vertical gaps */
  width: 100%;
  line-height: 0;
}

#products:after {
  content: "";
  clear: both;
  display: block;
}

#products .product {
  width: 25%;
  padding: 10px;
  box-sizing:border-box;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 10px 20px 10px 0;
  float: left;
}

#products .product img {
  width: auto;
  height: 100px;
  margin: 0 auto;
  display: block;
}

#products .product p.description {
  height: 70px;
  overflow: scroll;
}


.edit {display: none;}


[class^="icon-"], [class*=" icon-"] {
  float: left;
  font-size: 16px;
  margin: 12px 0 0 24px;
}


.edit label, .edit input{
  display: block;
  margin: 10px 0;
}



/*DashBoard*/

body .title {
  width: 600px;
  margin: 0 0 0 30px;
}
body .title h1 {
  margin: 30px 0px 0px 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #3d3d3d;
}
body .title h2 {
  margin: 10px 0px 0px 0px;
  font-size: 18px;
  color: #8B8B8B;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif;
}






/*lighbox*/



.state {
  position: absolute;
  top: 0;
  left: -100vw;
}
.state:checked ~ .lightbox-content {
  -webkit-transform: none;
          transform: none;
}
.state:checked ~ .backdrop {
  bottom: 0;
  opacity: 1;
  z-index: 1;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
}
.lightbox {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
}
.lightbox .lightbox-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 500px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  -webkit-transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.close{
  position: absolute;
  right: 10px;
  font-size: 2em;
}