@font-face { font-family: 'wpsm-icons'; src: url('../font/wpsm-icons.eot?-jgkfsj'); src: url('../font/wpsm-icons.eot?#iefix-jgkfsj') format('embedded-opentype'),  url('../font/wpsm-icons.woff?-jgkfsj') format('woff'),  url('../font/wpsm-icons.ttf?-jgkfsj') format('truetype'),  url('../font/wpsm-icons.svg?-jgkfsj#wpsm-icons') format('svg'); font-weight: normal; font-style: normal; }
.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; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wpsm-icon-heart:before { content: "\e601"; color: #cc0000; font-size: 22px; }
.wpsm-icon-star:before { content: "\e602"; color: #FFBF00; font-size: 22px; }
.wpsm-icon-star-empty:before { content: "\e607"; color: #FFBF00; font-size: 22px; }
.wpsm-icon-lock:before { content: "\e600"; font-size: 18px; }
.wpsm-icon-tick:before { content: "\e603"; color: #06C29F; font-size: 22px; }
.wpsm-icon-cross:before { content: "\e604"; color: #cc0000; font-size: 22px; }
.wpsm-icon-info:before { content: "\e605"; color: #13B3E3; font-size: 16px; }
.wpsm-icon-warning:before { content: "\e606"; 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: rgb(226, 226, 226); }
.wpsm-thead-black th:last-child { border-right-color: #000; }
.wpsm-thead-yellow th { background-color: #fd0; color: #000; border-color: rgb(226, 226, 226); }
.wpsm-thead-yellow th:last-child { border-right-color: #fd0; }
.wpsm-thead-blue th { background-color: #00aae9; color: #fff; border-color: rgb(226, 226, 226); }
.wpsm-thead-blue th:last-child { border-right-color: #00aae9; }
.wpsm-thead-red th { background-color: #dd0007; color: #fff; border-color: rgb(226, 226, 226); }
.wpsm-thead-red th:last-child { border-right-color: #dd0007; }
.wpsm-thead-green th { background-color: #77bb0f; color: #fff; border-color: rgb(226, 226, 226); }
.wpsm-thead-green th:last-child { border-right-color: #77bb0f; }
.wpsm-thead-orange th { background-color: #fb7203; color: #fff; border-color: rgb(226, 226, 226); }
.wpsm-thead-orange th:last-child { border-right-color: #fb7203; }
.wpsm-thead-purple th { background-color: #662d91; color: #fff; border-color: rgb(226, 226, 226); }
.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('../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; }
}