/*
jQuery MultiFreezer - scrollable tables with freezed thead and (n) first columns.
(c) 2017 Jan Renner (http://janrenner.cz, jan.renner@gmail.com)
https://jsfiddle.net/2oj9c5q2/7/ - layout final
https://jsfiddle.net/2oj9c5q2/10/ - JS scrolling
https://jsfiddle.net/2oj9c5q2/19/ - before cloning
https://jsfiddle.net/2oj9c5q2/21
*/
/*common*/
.freezer {
    width: 100%;
    overflow: hidden;
    margin: 1em auto;
    max-height: 500px;
}
.data-scroll-height {
    data-scroll-height:500
}

@media (min-height:600px) {
    .freezer {
        width: 100%;
        overflow: hidden;
        margin: 1em auto;
        max-height: 350px;
    }
    .data-scroll-height {
        data-scroll-height: 335
    }
}

@media (min-height:700px) {
    .freezer {
        width: 100%;
        overflow: hidden;
        margin: 1em auto;
        max-height: 460px;
    }
    .data-scroll-height {
        data-scroll-height: 445
    }
}

@media (min-height:768px) {
    .freezer {
        width: 100%;
        overflow: hidden;
        margin: 1em auto;
        max-height: 525px;
    }
    .data-scroll-height {
        data-scroll-height: 510
    }
}

@media (min-height:900px) {
    .freezer {
        width: 100%;
        overflow: hidden;
        margin: 1em auto;
        max-height: 730px;
    }
    .data-scroll-height {
        data-scroll-height: 715
    }
}

@media (min-height:1000px) {
    .freezer {
        width: 100%;
        overflow: hidden;
        margin: 1em auto;
        font-size: 11px;
        color:black;
        max-height: 830px;
    }
    .data-scroll-height {
        data-scroll-height: 815
    }
}


/*freezer*/
/*
-------------------- (#freezer-example) - common wrapper, not a part of freezer
    -------------------- .freeze-multi-scroll-wrapper = wrapper
        -------------------- .freeze-multi-scroll-table
            -------------------- .freeze-multi-scroll-table-head
                -------------------- .freeze-multi-scroll-table-head-inner = headblock
                    <table><thead> .table-freeze-multi-clone
                --------------------|
            --------------------|
            -------------------- .freeze-multi-scroll-table-body = scroller
                <table> .table-freeze-multi (original table) = table
                ====================================================
            --------------------|
        --------------------|
        -------------------- .freeze-multi-scroll-left
            -------------------- .freeze-multi-scroll-left-head = topblock
                <table><thead> .table-freeze-multi-clone
            --------------------|
            -------------------- .freeze-multi-scroll-left-body
                -------------------- .freeze-multi-scroll-left-body-inner = leftblock
                    <table><thead> .table-freeze-multi-clone
                --------------------|
            --------------------|
        --------------------|
    --------------------|
--------------------|
*/
.table-freeze-multi,
.table-freeze-multi-clone {
    table-layout: fixed;
    width: 100%;
}
.freeze-multi-scroll-wrapper {
    position: relative;
    clear: both;
}
.freeze-multi-scroll-table {}
.freeze-multi-scroll-table-head {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.freeze-multi-scroll-table-head-inner {
    box-sizing: content-box;
}
.freeze-multi-scroll-table-body {
    position: relative;
    overflow: auto;
    width: 100%;
}
.freeze-multi-scroll-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
}
.freeze-multi-scroll-left-head {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.freeze-multi-scroll-left-body,
.freeze-multi-scroll-left-body-inner {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.freeze-multi-scroll-left-body-inner {
    overflow-y: scroll;
}
/* @see https://davidwalsh.name/detect-scrollbar-width */
/* way the hell off screen */
.freezer-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}