@charset "utf-8";
/* CSS Document */

/*
 * jQuery Dynatable plugin 0.3.1
 *
 * Copyright (c) 2014 Steve Schwartz (JangoSteve)
 *
 * Dual licensed under the AGPL and Proprietary licenses:
 *   http://www.dynatable.com/license/
 *
 * Date: Tue Jan 02 2014
 */
th a,th a:visited {
  color: #C00 !important;
}
th a:hover {
  color: #202020 !important;
  text-decoration: underline;
}

#searchFilter,.dynatable-search {
  float: right;
  margin-bottom: 10px;
}

.dynatable-pagination-links {
  float: right;
}

.dynatable-record-count {
	margin-right:10px;
}

.dynatable-pagination-links span,
.dynatable-pagination-links li {
  display: inline-block;
}

.dynatable-page-link,
.dynatable-page-break {
  display: block;
  padding: 5px 7px;
}

.dynatable-page-link {
  cursor: pointer;
}

.dynatable-active-page,
.dynatable-disabled-page {
  cursor: text;
}
.dynatable-active-page:hover,
.dynatable-disabled-page:hover {
  text-decoration: none;
}

.dynatable-active-page {
  background: #C00;
  border-radius: 5px;
  color: #fff;
}
.dynatable-active-page:hover {
  color: #fff;
}
.dynatable-disabled-page,
.dynatable-disabled-page:hover {
  background: none;
  color: #999;
}

#searchFilter,.dynatable-search {
	float: left;
	clear: right;
	width: 100%;	
}

.filterObj {float:left; width: 20%;}
.filterObj h4 {color: #028e4a; font-size:14px; margin-top:0px;}

.tableObj {float:right; width: 75%;}
table.dataSheetTable tr:nth-child(even) {background: #f9f9f9}
table.dataSheetTable tr:nth-child(odd) {background: #FFF}
table.dataSheetTable {width:100%;}
table.dataSheetTable th a.dynatable-sort-header {color:#028e4a !important;  font-size:14px;}
table.dataSheetTable td {color:#777777;}		
table.dataSheetTable th,table.dataSheetTable td{
	border-bottom: #ffffff 3px solid;
	padding:12px 25px;
	font-size:13px;
}

table.dataSheetTable td{
	font-size:12px;
}
table.dataSheetTable th:nth-child(1) {width:40%;}
table.dataSheetTable th:nth-child(2) {width:15%;}
table.dataSheetTable th:nth-child(3) {width:15%;}
table.dataSheetTable th:nth-child(4) {width:10%;}
table.dataSheetTable th:nth-child(5) {width:10%;}
table.dataSheetTable th:nth-child(6) {width:10%;}

table.dataSheetTable td a {color:#8c8c8c;}	
table.dataSheetTable td a span {color:#028e4a;}

#searchFilter, span#dynatable-search-datasheet-table.dynatable-search input#dynatable-query-search-datasheet-table {
	width:50%;
}

.dynatable-active-page {
    background-color: #028e4a !important;
    border-radius: 2px!important;
    color: #fff!important;
}

.filterObjType2 ul.filterlist {float:left; width:44%; margin-left:6%;list-style-type: none;}
.filterObjType2 #all {clear:both; width:100%; display:block;}

ul.product-categories li,.filterObjType2 ul.filterlist li {		
	list-style-image: url('/wp-content/themes/total-child-theme/bullet.gif');
}




ul.product-categories li.isactive,.filterObjType2 ul.filterlist li.current {		
	list-style-image: url('/wp-content/themes/total-child-theme/bullet_active.gif');
}
.filterObjType2 ul.filterlist li a {
	color: #646464;
}


#dynatable-per-page-datasheet-table:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

	#sidebar {
		margin: 0 25px 10px 0 !important;
	}
	header.woocommerce-products-header {
		margin: 30px;
	}
	.quantity {
		float: left;
	}
.woocommerce ul.products li.product .button {
    margin-top: 0px !important;
}
	.woocommerce ul.products li.product a.data_button {
		display:none !important;
	}
	#pa_size {
		width: 100% !important;
	}
	.woocommerce-Price-amount {
		display: none !important;
	}
.products li {
    height: auto;
}

.span8 .products.columns-3 li:nth-child(3n+2) {
	clear: left !important;
}
	

	#resultmessage {
		clear: both;
		padding-top: 10px;
	}
	
	.variationselect {
		width: 100%;
		margin-bottom: 5px;
	}
	.product-categories {
		float: left !important;
		width: 49% !important;
	}
.woocommerce-breadcrumb {
	float: left;width: 49%;
}

	
.searcharea {
	border: 1px #cccccc solid;;		
	padding: 0px;
	margin:0px;
	background-color: #ffffff;
}

.filtering,.brandselect,.categoryselect {
	cursor: pointer;
}

.closed {
	display: none;
}
.children li {
	margin-left: 20px;
}
.ready {
	background-color:#ed1b24 !important;
}


	



.mobile-only {display:none;}
.clear {clear:both;}
.desktop-only {display:block;}
.center {text-align:center;}

#sidebar {
    width: 100% !important;
    max-width: 100% !important;	
}

.wpex-widget-recent-posts-li:first-child, .widget_categories li:first-child, .widget_recent_entries li:first-child, .widget_archive li:first-child, .widget_recent_comments li:first-child, .widget_product_categories li:first-child, .widget_layered_nav li:first-child, .widget-recent-posts-icons li:first-child, .site-footer .widget_nav_menu li:first-child {
    border-top:none !important;
}

.wpex-widget-recent-posts-li, .widget_categories li, .widget_recent_entries li, .widget_archive li, .widget_recent_comments li, .widget_product_categories li, .widget_layered_nav li, .widget-recent-posts-icons li, .site-footer .widget_nav_menu li {
    border-bottom: none !important;
	padding: 2px 0px !important;
}


.sidebar-widget-icons .widget_product_categories a {color:#656565;}
.alllined {text-decoration: underline; color:#29975c !important; margin-top:10px; margin-bottom:30px;}
.sidebar-widget-icons .widget_product_categories a::before {content: "" !important; margin-right: 0px !important;}

h4 {
    font-weight: normal !important;
	font-size:16px !important;
	margin-top:0px !important;
}

h4.widget-title {
	margin-top:40px !important;
}

.categorieslist {list-style:none !important;}

select#product_sort {margin-bottom: 10px;border: none; margin-right:3px; }


.closebrand {font-size: 24px;float: right;clear: right;width: 40%;text-align: right;margin-right: 10%;cursor:pointer;}


@media screen and (min-width: 480px) {
	.showing_results {float:left; width:50%; margin-left:17px;}
	a.woocommerce-LoopProduct-link.woocommerce-loop-product__link div.imgstyle {
		background-color: #ffffff;
		height:178px !important;
		width: 100% !important;
		border: 1px solid #e8e8e8 !important;
		text-align: center;
		margin: auto !important;
		margin-bottom: 10px !important;
	}
}

.filter {cursor:pointer; min-height: 600px;}
div.imgstyle img {max-height:176px !important; margin: auto !important; width:auto !important; height:176px !important;}

@media screen and (max-width: 480px) {
	.showing_results {float:left; width:90%; margin-left:17px;}

	.tableObj {width:100%;}
	.third_area {float:left;width:33%;}
	.first_section {float:left;width:42%;}
	.second_section {float:left;width:29%;}
	.third_section {float:left;width:29%;}
	.filterObj,.dynatable-head {display:none;}
	table.dataSheetTable td:nth-child(4),table.dataSheetTable td:nth-child(5),table.dataSheetTable td:nth-child(6) {display: none;}
	#searchFilter,span#dynatable-search-datasheet-table.dynatable-search input#dynatable-query-search-datasheet-table {width:100%; font-size: 12px;}	
	#dynatable-record-count-datasheet-table {font-size:12px;}
	.dynatable-pagination-links {margin-left: 0px !important;}
	
	
	table.dataSheetTable th:nth-child(1) {width:100%;}
	table.dataSheetTable th:nth-child(2) {display:none;}
	table.dataSheetTable th:nth-child(3) {display:none;}
	table.dataSheetTable th:nth-child(4) {display:none;}
	table.dataSheetTable th:nth-child(5) {display:none;}
	table.dataSheetTable th:nth-child(6) {display:none;}
	
	table.dataSheetTable td:nth-child(1) {width:100%;}
	table.dataSheetTable td:nth-child(2) {display:none;}
	table.dataSheetTable td:nth-child(3) {display:none;}
	table.dataSheetTable td:nth-child(4) {display:none;}
	table.dataSheetTable td:nth-child(5) {display:none;}
	table.dataSheetTable td:nth-child(6) {display:none;}
	
	.mobile-only {display:block;}
	.desktop-only {display:none;}

	a.woocommerce-LoopProduct-link.woocommerce-loop-product__link div.imgstyle {
		background-color: #ffffff;
		border: 1px solid #e8e8e8 !important;
		text-align: center;
		margin: auto !important;
		margin-bottom: 10px !important;
	}
	
	div.filterbar {position:absolute; right:-387px; width:330px; display: block; background-color:#ffffff; z-index: 30; height:100%;}
	
	#filter-button {cursor:pointer;}
	
	ul.product-categories li.cat-parent a {font-size:12px;}

	table.dataSheetTable th, table.dataSheetTable td {
		padding: 12px 5px;
	}
	.vc_column_container > .vc_column-inner {
		padding-left: 5px;
		padding-right: 5px;
	}	
}

strong.woocommerce-loop-product__title {display: block;height: 70px;overflow: hidden;}
h1,h2,h3 {font-weight:normal !important;}

a#all {text-decoration: underline !important;}

table.dataSheetTable {margin-bottom:20px;}
table.dataSheetTable tr th {border-bottom:#e8e8e8 1px solid;}
table.dataSheetTable tr td {border-bottom:#e8e8e8 1px solid;}
#dynatable-query-search-datasheet-table {background-color: #ffffff !important;}
div.filterObjType2  div h4 {float:left;}
#sectorType {clear:both;}



.dynatable-per-page {
  position: relative;
  /*Don't really need this just for demo styling*/
  float: left;
  min-width: 110px;
  margin: 0px;
}

.dynatable-per-page:after {
    content: '\f078';
    font: normal normal normal 15px/1 FontAwesome;
    color: #008e4a;
    right: 11px;
    top: 2px;
    height: 20px;
    padding: 0px 0px 0px 8px;
    border-left: none;
    pointer-events: none;
	position:absolute;
}
a.closebrand i {color: #008e4a;}
/* IE11 hide native button (thanks Matt!) */
.dynatable-per-page select::-ms-expand {
display: none;
}

.dynatable-per-page select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Add some styling */
	display: block;
	height: 20px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font-size: 14px;
	line-height: 1.75;
	background-color: #ffffff;
	background-image: none;
	border: none;
	-ms-word-break: normal;
	word-break: normal;
	width:70px;
}

.dynatable-record-count {float:left;}
.dynatable-per-page {margin:0px;}
.dynatable-per-page-label {float:left;}

div.vc_col-sm-3 H2 {margin:0px;}


.dynatable-search .fa-search,.vc_col-sm-8  .fa-search { 
	margin-left: -30px;
	cursor: pointer;
}
.vc_col-sm-8  .fa-search { margin-top:12px;}
#searchFilter {background-color:#ffffff;}


.vc_col-sm-4 select {width:100%;}
.vc_col-sm-4:after {right:20px !important; cursor: pointer;}

ul li.isactive.categorieslist:before{
    content: "";
    border-color: transparent #008e4a;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -0.7em;
    top: 1.2em;
    position: relative;
}

ul li.activity.categorieslist a {color:#008e4a !important;}


 /* The snackbar - position it at the bottom and in the middle of the screen */
#successbar a,#snackbar a { color: #ffffff !important;}
#successbar,#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}
#successbar {
    background-color: #008e4a; /* Black background color */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#successbar.show,#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}