/* GLOBAL TABLES */

.cart, .data-table,
.compare-products-table,
.forums-table-section table {
	margin: 0 0 10px;
}
.cart th, .data-table th,
.forums-table-section th {
    color: #909090;
    font: 12px;
    text-align: center;
    background: #f8f8f8;
    padding: 17px;
    white-space: nowrap;
}
.cart td, .data-table td,
.compare-products-table td,
.forums-table-section td {
	min-width: 50px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 12px;
}
.cart tr > *:first-child,
.data-table tr > *:first-child,
.compare-products-table tr > *:first-child,
.forums-table-section tr > *:first-child {
}
.cart tr > *:last-child,
.data-table tr > *:last-child,
.compare-products-table tr > *:last-child,
.forums-table-section tr > *:last-child {
}
  .cart a, .data-table a,
  .compare-products-table a,
  .forums-table-section a,
  .return-request-page .data-table .product {
    font-size: 12px;
    font-style: normal;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
.cart a:hover, .data-table a:hover,
.compare-products-table a:hover,
.forums-table-section a:hover {
    color: #e56363;
}

.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
	text-align: left;
}
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}
.cart .remove-from-cart {
	position: relative;
}
.cart .remove-from-cart button {
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	width: 25px;
    height: 25px;
    margin: auto;
    border: 1px solid #f1f1f1;
    background: #fff url('../img/close.png') center no-repeat;
	transition: all 0.2s ease;
}
.unit-price {
    font-size: 15px;
    text-align: center;
}
.cart .qty-input {
    width: 50px;
    text-align: center;
}
td.subtotal,
td.total {
    color: #e56363;
    font-size: 15px;
    text-align: center;
}
.cart .subtotal .discount {
    white-space: normal;
}
.cart .product-picture a {
    display: block;
    width: 64px;
    margin: auto;
}
.cart .product-picture img {
    max-width: 100%;
}
.cart td.product {
    padding: 30px 12px;
}
table .attributes,
.cart .rental-info,
.mini-shopping-cart .attributes,
.mini-shopping-cart .rental-info,
table .subtotal .discount,
table .subtotal .discount-additional-info {
  padding: 0;
  margin: 15px 0;
  font-size: 14px;
  color: #4d4d4d;
  border: none;
  font-size: 12px;
  background-color: #f8f8f8;
  padding: 10px !important;
}
.order-details-page .section.shipments .data-table label {
    color: #909090;
    vertical-align: middle;
}
.mini-shopping-cart .attributes {
    margin: 0;
}
.data-table .sku {    
    font-size: 14px;
    color: #909090;
}
td.quantity {
    text-align: center;
    font-size: 14px;
}

.forums-table-section td {
    min-width: 100px;
}
.forum-table .topics,
.forum-table .posts,
.forum-table .replies,
.forum-table .views,
.forum-table .votes {
    text-align: center;
    font-size: 14px;
    color: #909090;
}
.forum-table .latest-post .date,
.forum-table .latest-post label,
.forum-table .latest-post .no-post,
.forum-table .topic-details label,
.forum-table .topic-type {
    font-size: 14px;
    color: #909090;
    vertical-align: middle;
    display: inline-block;
}
.forum-table .latest-post > * {
    margin: 5px 0;
}

/* COMPARE PRODUCTS TABLE */


.compare-products-table .overview p:first-child {
    margin: 0 0 10px;
}
.compare-products-table .overview p:last-child {
    position: relative;
    max-width: 200px;
    height: 200px;
    overflow: hidden;
}
.compare-products-table .overview img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.compare-products-table .product-name td {
    background: #f8f8f8;
}
.compare-products-table .product-price td {
    color: #e56363;
}

.compare-products-table-mobile img {
    max-width: 160px;
}


/********** FOOTABLE CUSTOM CSS **********/



.footable-first-column {
	text-align: center;
}
td.footable-first-column {
	position: relative;
	background: transparent !important; /*Firefox relative cell bug fix*/
}
.footable-first-column .item-count {
	font-size: 15px !important;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	overflow: hidden;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
.footable-row-detail {
	text-align: left;
}
.footable-row-detail-cell {
	text-align: left !important;
}
.footable-row-detail-row {
	margin: 0 0 10px;
    display: table-row;
}
.footable-row-detail-name {
	margin: 0 0 5px;
	font-style: italic;
    display: table-cell;
    padding: 7px 10px;
}
.footable-row-detail-value {
    display: table-cell;
}

.footable-toggle {
	background-image: url('../img/table-plus.png');
}
.footable-detail-show .footable-toggle {
	background-image: url('../img/table-minus.png');
}
.footable-toggle:before {
	display: none !important;
}

.compare-products-table-mobile .item-count,
.downloadable-products-page .data-table .item-count
/* remove downloads table item-count from here if "my account" is only one column on tablet landscape(768) */ {
	display: none;
}

.go-to-page {
    white-space: nowrap;
	display: inline-block !important;
	font-size: 13px !important;
}

@media all and (max-width: 400px) {

    .cart .product-picture {
        padding: 10px;
    }
    .cart .product-picture a {
        width: 70px;
    }
    .cart td.subtotal {
        padding: 10px;
    }

}









.table100 .ps__rail-x {
  z-index: 1010;
  height: 6px;
  background-color: transparent;
  opacity: 1 !important;
  bottom: 10px
}

  .table100 .ps__rail-x::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #e6e6e6;
    height: 100%;
    width: calc(100% - 30px);
    left: 15px;
    top: 0
  }

  .table100 .ps__rail-x .ps__thumb-x {
    height: 100%;
    bottom: 0;
    background-color: transparent;
    opacity: 1 !important
  }

    .table100 .ps__rail-x .ps__thumb-x::before {
      content: "";
      display: block;
      position: absolute;
      background-color: #b3b3b3;
      height: 100%;
      width: calc(100% - 30px);
      top: 0;
      left: 15px
    }

.limiter {
  width: 100%;
  margin: 0 auto;
  background: #fa71cd;
  background: -webkit-linear-gradient(bottom, #c471f5, #fa71cd);
  background: -o-linear-gradient(bottom, #c471f5, #fa71cd);
  background: -moz-linear-gradient(bottom, #c471f5, #fa71cd);
  background: linear-gradient(bottom, #c471f5, #fa71cd)
}

.container-table100 {
  max-width: 1366px;
  margin: 0 auto;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 33px 100px
}

.wrap-table100 {
  width: 100%
}

.table100 {
  background-color: #fff
}

table {
  width: 100%
}

th,
td {
  font-weight: unset;
  padding-right: 10px
}

.column1 {
  width: 100%;
  padding-left: 40px
}

.column2 {
  width: 225px;
  padding-left: 55px
}

.column3 {
  width: 205px
}

.column4 {
  width: 195px
}

.column5 {
  width: 235px
}

.column6 {
  width: 170px
}

.column7 {
  width: 330px
}

.column8 {
  width: 305px
}

.table100 th {
  padding-top: 21px;
  padding-bottom: 21px
}

.table100 td {
  padding-top: 16px;
  padding-bottom: 16px
}

.table100 {
  width: 100%;
  position: relative
}

.table100-firstcol {
  background-color: #fff;
  position: absolute;
  z-index: 1000;
  width: 310px;
  top: 0;
  left: 0
}

  .table100-firstcol table {
    background-color: #fff
  }

.wrap-table100-nextcols {
  width: 100%;
  overflow: auto;
  padding-left: 310px;
  padding-bottom: 28px
}

.table100-nextcols table {
  table-layout: fixed
}

.shadow-table100-firstcol {
  box-shadow: 8px 0 10px 0 rgba(0, 0, 0, .05);
  -moz-box-shadow: 8px 0 10px 0 rgba(0, 0, 0, .05);
  -webkit-box-shadow: 8px 0 10px 0 rgba(0, 0, 0, .05);
  -o-box-shadow: 8px 0 10px 0 rgba(0, 0, 0, .05);
  -ms-box-shadow: 8px 0 10px 0 rgba(0, 0, 0, .05)
}

.table100-firstcol table {
  background-color: transparent
}

.table100.ver1 th {
  font-family: Roboto-Bold;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  text-transform: uppercase
}

.table100.ver1 td {
  font-family: Roboto-Medium;
  font-size: 15px;
  line-height: 1.4
}

.table100.ver1 .table100-firstcol td {
  color: #666
}

.table100.ver1 .table100-nextcols td {
  color: #999
}

.table100.ver1 tr {
  border-bottom: 1px solid #f2f2f2
}



#table500 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#table500 td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
    line-height:25px!important;
  }

#table500 tr:nth-child(even) {
    /*background-color: #f2f2f2;*/
  }

#table500 tr:hover {
    /*background-color: #ddd;*/
  }

  #table500 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
    font:normal!important;
  }


.tier-prices .prices-table 
{
  overflow: hidden;
  max-width: 100%;
  margin: auto;
}

.tier-prices .table-wrapper {
  padding: 2px;
  background: #f8f8f8;
  overflow: auto;
  width: 100%;
}
.table-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: transparent;
}
.table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: hsla(0,0%,0%,0.2);
}

.tier-prices .item-price2 {
  color: #111111!important;
  text-align:right!important;
}

.tier-prices .field-header {
  font-size: 12px!important;
}



#table500decoration {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

  #table500decoration td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
    white-space: nowrap;
    line-height:20px;
  }

#table500decoration tr:nth-child(even) {
    /*background-color: #f2f2f2;*/
  }

#table500decoration tr:hover {
  /*background-color: #ddd;*/
}

#table500decoration th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}



.edit-item a {
  background: #ce6e6e;
  color: #fff;
  padding: 2px;
  font-size: 12px;
  padding: 3px 20px;
}

.edit-item a:hover {
  background: #ce6e6e;
  color: #fff;
  padding: 2px;
  font-size: 12px;
  padding: 3px 20px;
}