@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; } }