/* .draw_container {
    max-width: 66.7%;
} */
#interactiveAB h1,
#interactiveABC h1 {
    margin-top: 20px;
}
@media (min-width: 375px) {
    :root {
      --size-divisor: 3*0.67;
    }
  }

@media (min-width: 576px) {
    :root {
      --size-divisor: 2*0.67;
    }
  }
  @media (min-width: 768px) {
    :root {
      --size-divisor: 1.5*0.67;
    }
  }
  @media (min-width: 992px) { 
    :root {
      --size-divisor: 1*0.67;
    }
  }
  @media (min-width: 1250px) { 
    :root {
      --size-divisor: .67*0.67;
    }
}
.g-table {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head {
    font: 13px/17px sans-serif;
}

.g-table-head .g-table-cell {
    height: 70px;
    cursor: pointer;
}

.g-table-row:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head,
.g-table-body {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body .g-table-row {
    position: absolute;
    width: 100%;
}

.g-table-cell {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar,
.g-table-label {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body .g-table-cell {
    height: 19px;
    line-height: 19px;
}

.g-table-body .g-table-row {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label {
    position: relative;
    right: 0px;
}

.g-table-cell-familyAfter .g-table-label,
.g-table-cell-individualAfter .g-table-label {
    right: -4px;
    width: 0;
    color: #999;
}

.g-table-body .g-table-row:hover .g-table-bar {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body .g-table-row:hover,
.g-table-body .g-table-row:hover .g-table-cell-state,
.g-table-body .g-table-row:hover .g-table-label,
.g-table-body-average,
.g-table-body-average .g-table-label {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-ascending:after,
.g-table-column-descending:after {
    padding-left: 4px;
}

.g-table-column-ascending:after {
    content: "\0025B2";
}

.g-table-column-descending:after {
    content: "\0025BC";
}


.g-table-cell {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state {
    font-size: 12px;
    width: 180px;
}

.g-instruction {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}



.g-table-employee_big_tech {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head-employee_big_tech {
    font: 13px/17px sans-serif;
}

.g-table-head-employee_big_tech .g-table-cell-employee_big_tech {
    height: 70px;
    cursor: pointer;
}

.g-table-row-employee_big_tech:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body-employee_big_tech {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head-employee_big_tech,
.g-table-body-employee_big_tech {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body-employee_big_tech .g-table-row-employee_big_tech {
    position: absolute;
    width: 100%;
}

.g-table-cell-employee_big_tech {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar-employee_big_tech,
.g-table-label-employee_big_tech {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body-employee_big_tech .g-table-cell-employee_big_tech {
    height: 19px;
    line-height: 19px;
}

.g-table-body-employee_big_tech .g-table-row-employee_big_tech {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar-employee_big_tech {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label-employee_big_tech {
    position: relative;
    right: 0px;
}

.g-table-body-employee_big_tech .g-table-row-employee_big_tech:hover .g-table-bar-employee_big_tech {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body-employee_big_tech .g-table-row-employee_big_tech:hover,
.g-table-body-employee_big_tech .g-table-row-employee_big_tech:hover .g-table-cell-state-employee_big_tech,
.g-table-body-employee_big_tech .g-table-row:hover-employee_big_tech .g-table-label-employee_big_tech,
.g-table-body-average-employee_big_tech,
.g-table-body-average-employee_big_tech .g-table-label-employee_big_tech {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-employee_big_tech-ascending:after,
.g-table-column-employee_big_tech-descending:after {
    padding-left: 4px;
}

.g-table-column-employee_big_tech-ascending:after {
    content: "\0025B2";
}

.g-table-column-employee_big_tech-descending:after {
    content: "\0025BC";
}


.g-table-cell-employee_big_tech {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state-employee_big_tech {
    font-size: 12px;
    width: 180px;
}

.g-instruction-employee_big_tech {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}



.g-table-job_big_tech {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head-job_big_tech {
    font: 13px/17px sans-serif;
}

.g-table-head-job_big_tech .g-table-cell-job_big_tech {
    height: 70px;
    cursor: pointer;
}

.g-table-row-job_big_tech:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body-job_big_tech {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head-job_big_tech,
.g-table-body-job_big_tech {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body-job_big_tech .g-table-row-job_big_tech {
    position: absolute;
    width: 100%;
}

.g-table-cell-job_big_tech {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar-job_big_tech,
.g-table-label-job_big_tech {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body-job_big_tech .g-table-cell-job_big_tech {
    height: 19px;
    line-height: 19px;
}

.g-table-body-job_big_tech .g-table-row-job_big_tech {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar-job_big_tech {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label-job_big_tech {
    position: relative;
    right: 0px;
}

.g-table-body-job_big_tech .g-table-row-job_big_tech:hover .g-table-bar-job_big_tech {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body-job_big_tech .g-table-row-job_big_tech:hover,
.g-table-body-job_big_tech .g-table-row-job_big_tech:hover .g-table-cell-state-job_big_tech,
.g-table-body-job_big_tech .g-table-row:hover-job_big_tech .g-table-label-job_big_tech,
.g-table-body-average-job_big_tech,
.g-table-body-average-job_big_tech .g-table-label-job_big_tech {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-job_big_tech-ascending:after,
.g-table-column-job_big_tech-descending:after {
    padding-left: 4px;
}

.g-table-column-job_big_tech-ascending:after {
    content: "\0025B2";
}

.g-table-column-job_big_tech-descending:after {
    content: "\0025BC";
}


.g-table-cell-job_big_tech {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state-job_big_tech {
    font-size: 12px;
    width: 180px;
}

.g-instruction-job_big_tech {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}

.g-table-employee_unicorn {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head-employee_unicorn {
    font: 13px/17px sans-serif;
}

.g-table-head-employee_unicorn .g-table-cell-employee_unicorn {
    height: 70px;
    cursor: pointer;
}

.g-table-row-employee_unicorn:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body-employee_unicorn {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head-employee_unicorn,
.g-table-body-employee_unicorn {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body-employee_unicorn .g-table-row-employee_unicorn {
    position: absolute;
    width: 100%;
}

.g-table-cell-employee_unicorn {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar-employee_unicorn,
.g-table-label-employee_unicorn {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body-employee_unicorn .g-table-cell-employee_unicorn {
    height: 19px;
    line-height: 19px;
}

.g-table-body-employee_unicorn .g-table-row-employee_unicorn {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar-employee_unicorn {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label-employee_unicorn {
    position: relative;
    right: 0px;
}

.g-table-body-employee_unicorn .g-table-row-employee_unicorn:hover .g-table-bar-employee_unicorn {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body-employee_unicorn .g-table-row-employee_unicorn:hover,
.g-table-body-employee_unicorn .g-table-row-employee_unicorn:hover .g-table-cell-state-employee_unicorn,
.g-table-body-employee_unicorn .g-table-row:hover-employee_unicorn .g-table-label-employee_unicorn,
.g-table-body-average-employee_unicorn,
.g-table-body-average-employee_unicorn .g-table-label-employee_unicorn {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-employee_unicorn-ascending:after,
.g-table-column-employee_unicorn-descending:after {
    padding-left: 4px;
}

.g-table-column-employee_unicorn-ascending:after {
    content: "\0025B2";
}

.g-table-column-employee_unicorn-descending:after {
    content: "\0025BC";
}


.g-table-cell-employee_unicorn {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state-employee_unicorn {
    font-size: 12px;
    width: 180px;
}

.g-instruction-employee_unicorn {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}



.g-table-job_unicorn {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head-job_unicorn {
    font: 13px/17px sans-serif;
}

.g-table-head-job_unicorn .g-table-cell-job_unicorn {
    height: 70px;
    cursor: pointer;
}

.g-table-row-job_unicorn:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body-job_unicorn {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head-job_unicorn,
.g-table-body-job_unicorn {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body-job_unicorn .g-table-row-job_unicorn {
    position: absolute;
    width: 100%;
}

.g-table-cell-job_unicorn {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar-job_unicorn,
.g-table-label-job_unicorn {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body-job_unicorn .g-table-cell-job_unicorn {
    height: 19px;
    line-height: 19px;
}

.g-table-body-job_unicorn .g-table-row-job_unicorn {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar-job_unicorn {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label-job_unicorn {
    position: relative;
    right: 0px;
}

.g-table-body-job_unicorn .g-table-row-job_unicorn:hover .g-table-bar-job_unicorn {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body-job_unicorn .g-table-row-job_unicorn:hover,
.g-table-body-job_unicorn .g-table-row-job_unicorn:hover .g-table-cell-state-job_unicorn,
.g-table-body-job_unicorn .g-table-row:hover-job_unicorn .g-table-label-job_unicorn,
.g-table-body-average-job_unicorn,
.g-table-body-average-job_unicorn .g-table-label-job_unicorn {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-job_unicorn-ascending:after,
.g-table-column-job_unicorn-descending:after {
    padding-left: 4px;
}

.g-table-column-job_unicorn-ascending:after {
    content: "\0025B2";
}

.g-table-column-job_unicorn-descending:after {
    content: "\0025BC";
}


.g-table-cell-job_unicorn {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state-job_unicorn {
    font-size: 12px;
    width: 180px;
}

.g-instruction-job_unicorn {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}

.g-table-employee_wlb {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head-employee_wlb {
    font: 13px/17px sans-serif;
}

.g-table-head-employee_wlb .g-table-cell-employee_wlb {
    height: 70px;
    cursor: pointer;
}

.g-table-row-employee_wlb:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body-employee_wlb {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head-employee_wlb,
.g-table-body-employee_wlb {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body-employee_wlb .g-table-row-employee_wlb {
    position: absolute;
    width: 100%;
}

.g-table-cell-employee_wlb {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar-employee_wlb,
.g-table-label-employee_wlb {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body-employee_wlb .g-table-cell-employee_wlb {
    height: 19px;
    line-height: 19px;
}

.g-table-body-employee_wlb .g-table-row-employee_wlb {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar-employee_wlb {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label-employee_wlb {
    position: relative;
    right: 0px;
}

.g-table-body-employee_wlb .g-table-row-employee_wlb:hover .g-table-bar-employee_wlb {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body-employee_wlb .g-table-row-employee_wlb:hover,
.g-table-body-employee_wlb .g-table-row-employee_wlb:hover .g-table-cell-state-employee_wlb,
.g-table-body-employee_wlb .g-table-row:hover-employee_wlb .g-table-label-employee_wlb,
.g-table-body-average-employee_wlb,
.g-table-body-average-employee_wlb .g-table-label-employee_wlb {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-employee_wlb-ascending:after,
.g-table-column-employee_wlb-descending:after {
    padding-left: 4px;
}

.g-table-column-employee_wlb-ascending:after {
    content: "\0025B2";
}

.g-table-column-employee_wlb-descending:after {
    content: "\0025BC";
}


.g-table-cell-employee_wlb {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state-employee_wlb {
    font-size: 12px;
    width: 180px;
}

.g-instruction-employee_wlb {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}



.g-table-job_wlb {
    margin: 6px 10px 20px 10px;
    font: 11px/15px sans-serif;
    -webkit-text-size-adjust: none;
}

.g-table-head-job_wlb {
    font: 13px/17px sans-serif;
}

.g-table-head-job_wlb .g-table-cell-job_wlb {
    height: 70px;
    cursor: pointer;
}

.g-table-row-job_wlb:after {
    display: block;
    content: "";
    clear: left;
}

.g-table-body-job_wlb {
    margin-top: 6px;
    position: relative;
    max-width:100%;
    height:auto;
}

.g-table-head-job_wlb,
.g-table-body-job_wlb {
    padding-bottom: 6px;
    border-bottom: solid 1px #ccc;
}

.g-table-body-job_wlb .g-table-row-job_wlb {
    position: absolute;
    width: 100%;
}

.g-table-cell-job_wlb {
    float: left;
    position: relative;
    overflow: hidden;
}

.g-table-bar-job_wlb,
.g-table-label-job_wlb {
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.g-table-body-job_wlb .g-table-cell-job_wlb {
    height: 19px;
    line-height: 19px;
}

.g-table-body-job_wlb .g-table-row-job_wlb {
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -ms-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
}

.g-table-bar-job_wlb {
    position: absolute;
    height: 100%;
    background: rgba(120, 120, 120, .5);
}

.g-table-label-job_wlb {
    position: relative;
    right: 0px;
}

.g-table-body-job_wlb .g-table-row-job_wlb:hover .g-table-bar-job_wlb {
    height: 18px;
    border-bottom: solid 1px rgba(0, 0, 0, .4);
}

.g-table-body-job_wlb .g-table-row-job_wlb:hover,
.g-table-body-job_wlb .g-table-row-job_wlb:hover .g-table-cell-state-job_wlb,
.g-table-body-job_wlb .g-table-row:hover-job_wlb .g-table-label-job_wlb,
.g-table-body-average-job_wlb,
.g-table-body-average-job_wlb .g-table-label-job_wlb {
    font-weight: bold;
    color: #000;
}

/* .g-table-body:not(:last-of-type) {
    border-bottom: dashed 1px #ccc;
} */

.g-table-column-job_wlb-ascending:after,
.g-table-column-job_wlb-descending:after {
    padding-left: 4px;
}

.g-table-column-job_wlb-ascending:after {
    content: "\0025B2";
}

.g-table-column-job_wlb-descending:after {
    content: "\0025BC";
}


.g-table-cell-job_wlb {
        /* width: 125px; */
        width:calc(125px / var(--size-divisor));
}

.g-table-cell-state-job_wlb {
    font-size: 12px;
    width: 180px;
}

.g-instruction-job_wlb {
    margin: 34px 10px 0 0;
    font: oblique 11px sans-serif;
    color: #aaa;
    text-align: right;
}