@media (min-width: 992px) {
    #sidebar-trigger ~ .wdk-layout .wdk-box [id*="highcharts-"] {
        width: calc(100vw - 300px) !important;
    }
    
    #sidebar-trigger:checked ~ .wdk-layout .wdk-box [id*="highcharts-"] {
        width: calc(100vw - 138px) !important;
    }
}

@media (max-width: 992px) {
    #sidebar-trigger ~ .wdk-layout .wdk-box [id*="highcharts-"] {
        width: calc(100vw - 80px) !important;
    }
    .wdk-box [id*="highcharts-"] {
        width: calc(100vw - 80px) !important;
    }
}
@media (max-width: 576px) {
    #sidebar-trigger ~ .wdk-layout .wdk-box [id*="highcharts-"] {
        width: 100% !important;
    }
}

.wdk-table-collapse,
.wdk-table-collapse .accordion-body > table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0px !important;
}

    .wdk-table-collapse th {
        background-color: var(--white-01);
        font-size: 14px;
        font-weight: 600;
        padding: 12px 8px 0px 8px !important;
        cursor: pointer;
        color: var(--table-head-text-color);
    }

.wdk-table-collapse td {
    background-color: var(--white-01);
    font-size: 12px;
    font-weight: 500;
    padding: 6px 8px;
}
/* .wdk-table-collapse td:not(:only-child):first-child { border-radius: 6px 0px 0px 6px; }
.wdk-table-collapse td:not(:only-child):last-child { border-radius: 0px 6px 6px 0px; } */

.wdk-table-collapse .bg-light td {
    background-color: var(--grey-01);
    position: relative;
}
.wdk-table-collapse thead { height: initial; }
.wdk-table-collapse .accordion-body {
    padding: 0px 0px 0px 16px;
}

.wdk-table-collapse .bg-light + tr > td {
    margin-bottom: 10px;
}

.wdk-table-collapse .tr-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--time-01);
    z-index: 2;
}

    .wdk-table-collapse .tr-trigger .icon-chevron_right {
        font-size: 20px;
        transform: rotate(90deg);
    }

    .wdk-table-collapse .tr-trigger.collapsed > .icon-chevron_right {
        transform: rotate(0deg);
    }


.wdk-table-collapse .tr-trigger:hover {
    background-color: rgba(0,0,0,.1);
}

/* wdk-table-collapse UPDATE */
@media (max-width: 1080px) {
    .wdk-table-collapse tbody td:nth-child(8),
    .wdk-table-collapse tbody td:nth-child(7),
    .wdk-table-collapse tbody td:nth-child(6){
        width: 150px;
        min-width: 150px;
        max-width: 150px;
    }
    .wdk-table-collapse tbody td:nth-child(5),
    .wdk-table-collapse tbody td:nth-child(4),
    .wdk-table-collapse tbody td:nth-child(3) {
        width: 100px;
        min-width: 100px;
        max-width: 10px;
    }
}
@media (max-width: 1899px) {
    .wdk-table-collapse tbody td:nth-child(8),
    .wdk-table-collapse tbody td:nth-child(7),
    .wdk-table-collapse tbody td:nth-child(6) {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
    .wdk-table-collapse tbody td:nth-child(5),
    .wdk-table-collapse tbody td:nth-child(4),
    .wdk-table-collapse tbody td:nth-child(3) {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
    }
}
@media (min-width: 1900px) {
    .wdk-table-collapse tbody td:nth-child(8),
    .wdk-table-collapse tbody td:nth-child(7),
    .wdk-table-collapse tbody td:nth-child(6){
        width: 230px;
        min-width: 230px;
        max-width: 230px;
    }
    .wdk-table-collapse tbody td:nth-child(5),
    .wdk-table-collapse tbody td:nth-child(4),
    .wdk-table-collapse tbody td:nth-child(3) {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
}

.wdk-table-collapse td {
    padding: 6px 0 6px 8px !important;
}
.wdk-table-collapse .bg-light td {
    background-color: white;
    border-top: 1px solid var(--grey-01);
    border-bottom: 1px solid var(--grey-01);
}
.wdk-table-collapse .collapse-content,
.wdk-table-collapse .collapse-content th,
.wdk-table-collapse .collapse-content td{
    background-color: var(--background);
}
.wdk-table-collapse .collapse-content th {
    font-weight: bold;
}
.wdk-table-collapse .collapse-content table {
    margin: 0 !important;
}

.wdk-table-collapse .collapse-content thead th {
    border-bottom: 2px solid var(--grey-02);
    padding: 12px 8px 0px 8px !important;
}

.wdk-table-collapse .collapse-content thead th:first-child {
    padding: 0 !important;
    width: 8px;
    border-left: 2px solid var(--grey-02);
}

.wdk-table-collapse .collapse-content .collapse-content tbody td:first-child {
    padding: 0 !important;
}

.wdk-table-collapse .collapse-content .collapse-content tbody tr:not(:last-child) td {
    border-bottom: 1px solid var(--grey-01);
}


.wdk-table-collapse.table-sort thead th i {
    margin-left: 6px;
    font-size: 16px;
    color: var(--table-head-sort-icon-color);
}

    .wdk-table-collapse.table-sort thead th i:hover {
        color: var(--table-head-sort-icon-color-hover);
        transition: .4s;
    }