@font-face {
  font-family: 'wpsm-icons';
  src: url('../font/wpsm-icons.eot');
  src: url('../font/wpsm-icons.eot?#iefix') format('embedded-opentype'), url('../font/wpsm-icons.woff2') format('woff2'), url('../font/wpsm-icons.woff') format('woff'), url('../font/wpsm-icons.ttf') format('truetype'), url('../font/wpsm-icons.svg#wpsm-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

body .wpsm-icon-heart:before {
  content: "\e601";
  color: #cc0000;
  font-size: 22px;
}

body .wpsm-icon-star:before {
  content: "\e602";
  color: #FFBF00;
  font-size: 22px;
}

body .wpsm-icon-star-empty:before {
  content: "\e607";
  color: #FFBF00;
  font-size: 22px;
}

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

body .wpsm-icon-tick:before {
  content: "\e603";
  color: #06C29F;
  font-size: 22px;
}

body .wpsm-icon-cross:before {
  content: "\e604";
  color: #cc0000;
  font-size: 22px;
}

body .wpsm-icon-info:before {
  content: "\e605";
  color: #13B3E3;
  font-size: 16px;
}

body .wpsm-icon-warning:before {
  content: "\e606";
  color: #FF6A00;
  font-size: 18px;
}

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

body .wpsm-comptable-wrap table{
  max-width: 1080px;
  margin: auto;
  text-align: center;
}

body .wpsm-comptable-wrap table.small-only {
  padding: 0 25px;
}

body .wpsm-comptable-wrap a {
  text-decoration: underline;
}

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

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

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

body .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;
}

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

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

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

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

.wpsm-comptable td img.aligncenter{
  display: block;
  margin: 5px auto;
}

.wpsm-comptable td img.alignright{
  display: block;
  margin: 5px 0px 5px auto;
}

.wpsm-comptable td img.alignleft{
  display: block;
  margin: 5px auto 5px 0px;
}

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

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

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

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

/*.hover-col1 thbody .wpsm-placeholder { background-color: transparent; border-bottom: 1px solid #e8e8e8 }*/
/* Color Scheme */
body .wpsm-comptable .wpsm-thead-default th {
  background-color: #707070;
  color: #fff;
  border-color: #f8f8f8;
}

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

body .wpsm-comptable .wpsm-thead-black th {
  background-color: #000;
  color: #fff;
  border-color: rgb(226, 226, 226);
}

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

body .wpsm-comptable .wpsm-thead-yellow th {
  background-color: #fd0;
  color: #000;
  border-color: rgb(226, 226, 226);
}

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

body .wpsm-comptable .wpsm-thead-blue th {
  background-color: #00aae9;
  color: #fff;
  border-color: rgb(226, 226, 226);
}

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

body .wpsm-comptable .wpsm-thead-red th {
  background-color: #dd0007;
  color: #fff;
  border-color: rgb(226, 226, 226);
}

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

body .wpsm-comptable .wpsm-thead-green th {
  background-color: #77bb0f;
  color: #fff;
  border-color: rgb(226, 226, 226);
}

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

body .wpsm-comptable .wpsm-thead-orange th {
  background-color: #fb7203;
  color: #fff;
  border-color: rgb(226, 226, 226);
}

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

body .wpsm-comptable .wpsm-thead-purple th {
  background-color: #662d91;
  color: #fff;
  border-color: rgb(226, 226, 226);
}

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

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

.stacktable {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge_div_col_img {
  position: absolute;
  background: url('../img/editor_badge.png');
  width: 65px;
  height: 65px;
  top: 10px;
  right: 10px;
}

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

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

@media (max-width: 800px) {
  body .wpsm-comptable td img, body .wpsm-comptable img{
    max-height: 120px;
    max-width: 100px;
  }
  body .stacktable.large-only {
    display: none;
  }

  body .stacktable.small-only {
    display: table;
  }

  body .hover-col1 tr:hover {
    background-color: #f8f8f8;
  }
}

/* GP */
body .wpsm-comptable {
  margin-bottom: 0 !important;
}

body .wpsm-comptable-wrap, body .space-page-content table {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body .wpsm-comptable .wpsm-thead-white th {
  background-color: #FFF;
  color: #000;
  border: 1px solid #e2e2e2;
}

body .wpsm-comptable .wpsm-thead-white th:last-child {
  border-right-color: #e2e2e2;
}

body .wpsm-comptable .wpsm-caption-white {
  background-color: #fff;
  color: #000;
  border: 1px solid #e2e2e2 !important;
  width: calc(100% - 2px);
  margin-left: 1px;
  border-bottom: none !important;
}

body .wpsm-comptable .wpsm-caption {
  font-weight: 600;
  font-size: 20px;
  padding: 10px;
  text-transform: uppercase;
  border: 1px solid;
  border-bottom: 0;
  text-align: center !important;
  caption-side: top !important;
}

body .wpsm-comptable .wpsm-caption-default {
  border-right: 1px solid #cdcdcd;
  background: #707070;
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-default a {
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-black {
  background-color: #000;
  color: #fff;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-black a {
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-yellow {
  background-color: #fd0;
  color: #000;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-yellow a {
  color: #000;
}

body .wpsm-comptable .wpsm-caption-blue {
  background-color: #00aae9;
  color: #fff;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-blue a {
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-red {
  background-color: #dd0007;
  color: #fff;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-red a {
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-green {
  background-color: #77bb0f;
  color: #fff;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-green a {
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-orange {
  background-color: #fb7203;
  color: #fff;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-orange a {
  color: #FFF;
}

body .wpsm-comptable .wpsm-caption-purple {
  background-color: #662d91;
  color: #fff;
  border-color: #e2e2e2
}

body .wpsm-comptable .wpsm-caption-purple a {
  color: #FFF;
}