
.wpsm-comptable i.wpsm-table-icon {
	font-family: "wpsm-icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wpsm-icon-heart:before {
	content: "";
	color: #c00;
	font-size: 22px;
}

.wpsm-icon-star:before {
	content: "";
	color: #ffbf00;
	font-size: 22px;
}

.wpsm-icon-star-empty:before {
	content: "";
	color: #ffbf00;
	font-size: 22px;
}

.wpsm-icon-lock:before {
	content: "";
	font-size: 18px;
}

.wpsm-icon-tick:before {
	content: "";
	color: #06c29f;
	font-size: 22px;
}

.wpsm-icon-cross:before {
	content: "";
	color: #c00;
	font-size: 22px;
}

.wpsm-icon-info:before {
	content: "";
	color: #13b3e3;
	font-size: 16px;
}

.wpsm-icon-warning:before {
	content: "";
	color: #ff6a00;
	font-size: 18px;
}

.wpsm-comptable-wrap {
	margin: 25px 0;
	overflow: auto;
}

.wpsm-comptable {
	border-collapse: separate;
	margin: 0;
	width: 100%;
	border-spacing: 0;
	max-width: 100%;
	border: 1px solid transparent;
}

.wpsm-comptable th, .wpsm-comptable td {
	padding: 15px;
	box-sizing: border-box;
}

.wpsm-comptable th {
	border-right: 1px solid #cdcdcd;
	background: #707070;
	text-align: left;
	font-weight: 700;
	border: none;
	color: #fff;
}

.wpsm-comptable td {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-width: 0px 1px 1px 0px;
	color: #111;
	min-width: 120px;
	vertical-align: middle;
	position: relative;
}

.wpsm-comptable.center-table-align td, .wpsm-comptable.center-table-align th {
	text-align: center;
	vertical-align: middle;
}

.wpsm-comptable td ul li, .wpsm-comptable td ul {
	margin: 0;
	list-style: disc inside none;
}

.wpsm-comptable td:first-child {
	border-left-width: 1px;
}

.wpsm-comptable td img {
	max-width: 250px;
	max-height: 250px;
	padding: 15px;
}

.wpsm-comptable td:hover, .wpsm-comptable td.betterhover, .wpsm-comptable tr:hover td {
	background-color: #f8f8f8;
}

.wpsm-comptable .subheader td {
	font-weight: 600;
}

.hover-col1 tr td:first-child {
	background-color: #f8f8f8;
	min-width: 140px;
	text-align: left;
}

.wpsm-comptable td .wpsm-button {
	margin: 10px 15px;
	white-space: nowrap;
}

/*.hover-col1 th.wpsm-placeholder { background-color: transparent; border-bottom: 1px solid #e8e8e8 }*/

/* Color Scheme */
.wpsm-thead-default th {
	background-color: #707070;
	color: #fff;
	border-color: #f8f8f8;
}

.wpsm-thead-default th:last-child {
	border-right-color: #707070;
}

.wpsm-thead-black th {
	background-color: #000;
	color: #fff;
	border-color: #e2e2e2;
}

.wpsm-thead-black th:last-child {
	border-right-color: #000;
}

.wpsm-thead-yellow th {
	background-color: #fd0;
	color: #000;
	border-color: #e2e2e2;
}

.wpsm-thead-yellow th:last-child {
	border-right-color: #fd0;
}

.wpsm-thead-blue th {
	background-color: #00aae9;
	color: #fff;
	border-color: #e2e2e2;
}

.wpsm-thead-blue th:last-child {
	border-right-color: #00aae9;
}

.wpsm-thead-red th {
	background-color: #dd0007;
	color: #fff;
	border-color: #e2e2e2;
}

.wpsm-thead-red th:last-child {
	border-right-color: #dd0007;
}

.wpsm-thead-green th {
	background-color: #77bb0f;
	color: #fff;
	border-color: #e2e2e2;
}

.wpsm-thead-green th:last-child {
	border-right-color: #77bb0f;
}

.wpsm-thead-orange th {
	background-color: #fb7203;
	color: #fff;
	border-color: #e2e2e2;
}

.wpsm-thead-orange th:last-child {
	border-right-color: #fb7203;
}

.wpsm-thead-purple th {
	background-color: #662d91;
	color: #fff;
	border-color: #e2e2e2;
}

.wpsm-thead-purple th:last-child {
	border-right-color: #662d91;
}

.wpsm-comptable .subheader td:first-child, .hover-col1 .subheader td:first-child {
	background-color: #eaeaea;
}

.stacktable {
	width: 100%;
}

.wpsm-comptable th.st-head-row {
	background-color: #eee;
	color: black;
	border-left-width: 1px;
	font-weight: 400;
	position: relative;
}

.wpsm-comptable .st-key {
	width: 48%;
	text-align: right !important;
	padding-right: 2%;
}

.wpsm-comptable .st-key.wpsm-spec-heading {
	text-align: left !important;
	background-color: #f4f4f4;
}

.wpsm-comptable .st-val {
	width: 48%;
	padding-left: 2%;
	text-align: left !important;
}

.wpsm-comptable .subheader th.st-head-row {
	font-weight: 700;
	background-color: #eaeaea;
}

.wpsm-comptable th.st-head-row-main {
	display: none;
}

.wpsm-comptable .wpsm-bar, .wpsm-comptable .wpsm-bar-title span, .wpsm-comptable .wpsm-bar-bar, .wpsm-comptable .wpsm-bar-percent {
	height: 20px;
	line-height: 20px;
}

.wpsm-comptable .wpsm-bar {
	margin-bottom: 10px;
}

.wpsm-comptable .wpsm-bar-title span {
	padding: 0 12px;
}

.wpsm-comptable .editor_selected_row td:first-child {
	border-left: 3px solid #77b21d;
}

.wpsm-comptable .editor_selected_row td:last-child {
	border-right: 3px solid #77b21d;
}

.wpsm-comptable .editor_selected_row td:not(.st-key):not(.st-val) {
	border-bottom: 3px solid #77b21d;
	border-top: 3px solid #77b21d;
}

.editor_selected_row .st-head-row {
	border: 3px solid #77b21d !important;
	border-bottom: none !important;
}

.wpsm-comptable td.editor_selected_col, .wpsm-comptable th.editor_selected_col {
	border-left: 3px solid #77b21d;
	border-right: 3px solid #77b21d;
}

.wpsm-comptable th.editor_selected_col {
	background-color: #77b21d !important;
	color: #fff !important;
}

.wpsm-comptable tr:last-child td.editor_selected_col {
	border-bottom: 3px solid #77b21d;
}

.badge_div_col_img {
	position: absolute;
	background: url("https://cdn-bkhff.nitrocdn.com/SEVehqlMHSHJLZInRZahRhpIIGcxmOSK/assets/images/optimized/rev-244f769/www.compasspools.com.ua/wp-content/plugins/table-maker/img/editor_badge.png");
	width: 65px;
	height: 65px;
	top: 10px;
	right: 10px;
}

/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
	display: table;
}

.stacktable.small-only {
	display: none;
}

@media (max-width: 800px) {
	.stacktable.large-only {
		display: none;
	}
	
	.stacktable.small-only {
		display: table;
	}
	
	.hover-col1 tr:hover {
		background-color: #f8f8f8;
	}
}
