@font-face { font-family: 'hmg-icons'; src: url('../font/hmg-icons.eot?-jgkfsj'); src: url('../font/hmg-icons.eot?#iefix-jgkfsj') format('embedded-opentype'),  url('../font/hmg-icons.woff?-jgkfsj') format('woff'),  url('../font/hmg-icons.ttf?-jgkfsj') format('truetype'),  url('../font/hmg-icons.svg?-jgkfsj#hmg-icons') format('svg'); font-weight: normal; font-style: normal; }
.hmg-comptable i.hmg-table-icon { font-family: 'hmg-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; }
.hmg-icon-heart:before { content: "\e601"; color: #cc0000; font-size: 22px; }
.hmg-icon-star:before { content: "\e602"; color: #FFBF00; font-size: 22px; }
.hmg-icon-star-empty:before { content: "\e607"; color: #FFBF00; font-size: 22px; }
.hmg-icon-lock:before { content: "\e600"; font-size: 18px; }
.hmg-icon-tick:before { content: "\e603"; color: #06C29F; font-size: 22px; }
.hmg-icon-cross:before { content: "\e604"; color: #cc0000; font-size: 22px; }
.hmg-icon-info:before { content: "\e605"; color: #13B3E3; font-size: 16px; }
.hmg-icon-warning:before { content: "\e606"; color: #FF6A00; font-size: 18px; }
.hmg-comptable-wrap { margin: 0; overflow: auto; }
.hmg-comptable { border-collapse: separate; margin: 0; width: 100%; border-spacing: 0; max-width: 100%; border:1px solid transparent; }
.hmg-comptable th, .hmg-comptable td { padding: 15px; box-sizing: border-box; }
.hmg-comptable th { background: #707070; text-align: left; font-weight: 700; border: none; color: #fff }
.hmg-comptable td { background: #fff; border: 1px solid #e8e8e8; border-width: 0px 1px 1px 0px; color: #111; min-width: 120px; vertical-align: middle; position: relative; }
.hmg-comptable.center-table-align td, .hmg-comptable.center-table-align th { text-align: center; vertical-align: middle; }
.hmg-comptable td ul li, .hmg-comptable td ul { margin: 0; list-style: disc inside none; }
.hmg-comptable td:first-child { border-left-width: 1px; }
.hmg-comptable td img { max-width: 250px; max-height: 250px; padding: 15px }
.hmg-comptable .subheader td { font-weight: 600; }
.hover-col1 tr td:first-child { background-color: #f8f8f8; min-width: 140px; text-align: left; }
.hmg-comptable td .hmg-button{margin: 10px 15px; white-space: nowrap;}
/*.hover-col1 th.hmg-placeholder { background-color: transparent; border-bottom: 1px solid #e8e8e8 }*/
/* Color Scheme */
.hmg-comptable .subheader td:first-child, .hover-col1 .subheader td:first-child { background-color: #eaeaea; }
.stacktable { width: 100%; }
.hmg-comptable th.st-head-row { background-color: #eee; color: black; border-left-width: 1px; font-weight: 400;position: relative; }
.hmg-comptable .st-key { width: 48%; text-align: right !important; padding-right: 2%; }
.hmg-comptable .st-key.hmg-spec-heading{text-align: left !important;    background-color: #F4F4F4;}
.hmg-comptable .st-val { width: 48%; padding-left: 2%; text-align: left !important; }
.hmg-comptable .subheader th.st-head-row { font-weight: 700; background-color: #eaeaea; }
.hmg-comptable th.st-head-row-main { display: none; }
.hmg-comptable .hmg-bar, .hmg-comptable .hmg-bar-title span, .hmg-comptable .hmg-bar-bar, .hmg-comptable .hmg-bar-percent{height: 20px; line-height: 20px} 
.hmg-comptable .hmg-bar{margin-bottom: 10px}
.hmg-comptable .hmg-bar-title span {padding: 0 12px}
.hmg-comptable .editor_selected_row td:first-child{border-left:3px solid #77B21D;}
.hmg-comptable .editor_selected_row td:last-child{border-right:3px solid #77B21D;}
.hmg-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;}
.hmg-comptable td.editor_selected_col, .hmg-comptable th.editor_selected_col{border-left:3px solid #77B21D;border-right:3px solid #77B21D;}
.hmg-comptable th.editor_selected_col{background-color: #77B21D !important; color: #fff !important}
.hmg-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; }
}
table.hmg-comptable {
    border-radius: 3px;
}
.hmg-comptable tr td {
    font-size:14px;
    text-align:center;
}
.hmg-comptable tr th {
    text-align:center;
}
.hmg-theme-standard .hmg-comptable tr th {
    background: #383d3f;
    border-right: 1px solid #2b3031 !important;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 16px;
}
.hmg-theme-standard .hmg-comptable td {
    font-weight: 300;
    color: #333;
}
.hmg-theme-darkblue .hmg-comptable tr th {
    background: #2b313a;
    border-right: 1px solid #262a2b !important;
    font-weight: 700;
    border: none;
    color: #fff;
}
.hmg-theme-darkblue .hmg-comptable td {
    background-color: rgba(0,0,0,0) !important;
    border-color: #303741 !important;
    color: #dadee6 !important;
    text-shadow: 1px 1px #333;
    font-weight: 400;
}
.hmg-theme-darkblue .hmg-comptable tr {
    font-weight: 300;
    color: #fff;
    background-color:#373e48;
    border-color:#303741 !important;
}
.hmg-theme-darkblue .hmg-comptable tr:nth-of-type(odd) {
    background-color:#3e454f;
}
.hmg-theme-greenwhite .hmg-comptable tr th {
    background: rgb(61, 198, 170);
    border-right: 1px solid #37b79d !important;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 16px;
}
.hmg-theme-greenwhite .hmg-comptable td {
    font-weight: 300;
    color: #333;
}
.hmg-theme-lightblue .hmg-comptable tr th {
    background: #48aefb;
    border-right: 1px solid #3e9ae0 !important;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 16px;
}
.hmg-theme-lightblue .hmg-comptable td {
    font-weight: 300;
    color: #333;
}
.hmg-theme-red .hmg-comptable tr th {
    background: #ee6464;
    border-right: 1px solid #ce5656 !important;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 16px;
}
.hmg-theme-red .hmg-comptable td {
    font-weight: 300;
    color: #333;
}
.hmg-theme-greypurple .hmg-comptable tr th {
    background: #717db1;
    border-right: 1px solid #5f6890 !important;
    font-weight: 700;
    border: none;
    color: #fff;
}
.hmg-theme-greypurple .hmg-comptable td {
    background-color: #ececec !important;
    border-color: #d2d2d2 !important;
    color: #74777d !important;
    font-weight: 400;
}
.hmg-theme-greypurple .hmg-comptable tr {
    font-weight: 300;
    color: #fff;
    background-color:#373e48;
    border-color:#303741 !important;
}
.hmg-theme-black .hmg-comptable tr th {
    background: #323638;
    border-right: 1px solid #2a2e2f !important;
    font-weight: 700;
    border: none;
    color: #fff;
}
.hmg-theme-black .hmg-comptable td {
    background-color: #383d3f!important;
    border-color: #323638 !important;
    color: #f1f1f1 !important;
    font-weight: 400;
}
.hmg-theme-black .hmg-comptable tr {
    font-weight: 300;
    color: #fff;
    background-color:#373e48;
    border-color:#303741 !important;
}
.hmg-theme-greengradient {
        background: #3ecdbb !important;
    background: -moz-linear-gradient(left, #3ecdbb 0%, #37b6bc 100%) !important;
    background: -webkit-linear-gradient(left, #3ecdbb 0%,#37b6bc 100%) !important;
    background: linear-gradient(to right, #3ecdbb 0%,#37b6bc 100%) !important;
    border-color:#303741 !important;
}
.hmg-theme-greengradient table tbody{
        background-color:rgba(0,0,0,0);
    }
.hmg-theme-greengradient .hmg-comptable tr th {
    background: rgba(0,0,0,0);
    border-right: 1px solid #2a2e2f !important;
    font-weight: 700;
    border: none;
    color: #fff;
    background-color: #323638;
}
.hmg-theme-greengradient .hmg-comptable td {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #f1f1f1 !important;
    font-weight: 400;
}
.hmg-theme-greengradient .hmg-comptable tr {
    font-weight: 300;
    color: #fff;    
    background-color:rgba(0,0,0,0);
}
.hmg-theme-yellow .hmg-comptable tr th {
    background: #f1d858;
    border-right: 1px solid #e0cc5e !important;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.12);
}
.hmg-theme-yellow .hmg-comptable td {
    font-weight: 300;
    color: #333;
}
.hmg-theme-orange .hmg-comptable tr th {
    background: #f1531a;
        border-right: 1px solid #d64a17 !important;
    font-weight: 700;
    border: none;
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.12);
}
.hmg-theme-orange .hmg-comptable td {
    font-weight: 300;
    color: #333;
}
/*
th.st-key:first-of-type {
    display: none;
}
td.st-key:first-of-type {
    display: none;
}
.st-head-row.st-head-row-main:first-of-type .st-key{
    display: table-cell;
}
td.st-head-row.st-head-row-main:first-of-type  .st-key {
    display: block !important;
}*/
tbody, table, thead, tr, td, .hmg-comptable-wrap, .hmg-comptable, .hmg-tbody {
    white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}