.organisation-list {
    display: flex;
    flex-direction: column;
}

    .organisation-list select {
        padding: 0 5px;
    }

    .organisation-list table {
        display: block;
        table-layout: fixed;
        overflow: auto;
    }

    .organisation-list .organisation-loader {
        position: absolute;
        top: 150px;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
        display: none;
    }

        .organisation-list .organisation-loader .bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            opacity: 0.3;
            z-index: 99999;
        }

        .organisation-list .organisation-loader img {
            width: 150px;
        }

    .organisation-list .organisation-head {
        overflow: unset;
    }

        .organisation-list .organisation-head.scr .organisation-itm {
            padding-right: 11px;
        }

        .organisation-list .organisation-head .opt-t {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .organisation-list .organisation-head .d.filter {
            padding: 0;
        }

            .organisation-list .organisation-head .d.filter .opt-t {
                border: 1px solid #ddd;
                border-bottom: none;
                border-radius: 3px 3px 0 0;
                background-color: #fff;
            }

            .organisation-list .organisation-head .d.filter.sc .opts, .organisation-list .organisation-head .d.filter.c .opts {
                width: 150px;
            }

                .organisation-list .organisation-head .d.filter.sc .opts label, .organisation-list .organisation-head .d.filter.c .opts label {
                    font-size: 10px;
                    margin: 0;
                    margin-left: 5px;
                }

            .organisation-list .organisation-head .d.filter .opts {
                display: block;
            }

                .organisation-list .organisation-head .d.filter .opts > div {
                    padding: 5px 5px;
                    display: flex;
                    align-items: center;
                }

                    .organisation-list .organisation-head .d.filter .opts > div input {
                        border-radius: 3px;
                    }

                    .organisation-list .organisation-head .d.filter .opts > div label {
                        margin: 0;
                        margin-left: 0px;
                        margin-left: 5px;
                    }

        .organisation-list .organisation-head .d.act .opt-t .sort {
            color: #00c3ff;
        }

    .organisation-list .organisation-body {
        bottom: 0;
        scrollbar-width: thin;
    }

    .organisation-list .mCSB_container {
        margin: 0;
    }


    .organisation-list thead, .organisation-list tbody {
        display: block;
        margin-bottom: 1px;
    }

    .organisation-list thead {
        font-weight: 600;
    }

        .organisation-list thead tr td {
            font-weight: 600;
            padding: 5px;
            color: #797979;
        }

        .organisation-list thead .sort {
            font-size: 10px;
            margin-left: 5px;
            color: #b9b9b9;
        }

            .organisation-list thead .sort:hover {
                color: #417fa3;
            }

    .organisation-list tr {
        display: flex;
        border-bottom: 1px solid #d9d9d9;
        padding: 3px;
        height: 37px;
    }

    .organisation-list tbody tr:not(.search):hover {
        box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff, 0 1px 2px 0 #cac8c8, 0 1px 5px 1px #f0eeee;
        cursor: pointer;
    }

    .organisation-list .search {
        height: 40px;
    }

        .organisation-list .search input {
            border: none;
            padding: 5px;
            font-size: 16px;
        }

            .organisation-list .search input:disabled {
                background-color: inherit;
            }

        .organisation-list .search .fa-search {
            margin-left: 5px;
            color: #767575;
            font-size: 16px;
        }

        .organisation-list .search td {
            display: flex;
            align-items: center;
            flex: 1 1 auto;
        }









.organisation-itm {
    display: flex;
    border-bottom: 1px solid #d9d9d9;
    padding: 3px;
    cursor: pointer;
}

    .organisation-itm .th {
        position: absolute;
        top: 1px;
        left: 1px;
        bottom: 1px;
        width: 3px;
    }

    .organisation-itm td {
        position: relative;
        font-size: 0.8em;
        width: 100px;
        padding: 5px;
    }

        .organisation-itm td span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .organisation-itm td.nr {
            padding: 5px 12px;
            color: #8a8a8a;
        }

        .organisation-itm td.f {
            flex: 0 0 5px;
        }

        .organisation-itm.active {
            background-color: #f2f2f2;
        }

        .organisation-itm td.num, .organisation-itm td.form {
            /*flex: 1 1 auto;*/
            overflow: hidden;
            display: flex;
            align-items: center;
        }

            .organisation-itm td.num .p, .organisation-itm td.form .p {
                position: relative;
                padding-left: 10px;
                overflow: hidden;
                flex: 0 0 200px;
            }

                .organisation-itm td.num .p.jn, .organisation-itm td.form .p.jn {
                    flex: 0 0 95px;
                    /*                    text-align: center;
                      padding-left: 0;*/
                }

                .organisation-itm td.num .p .fo, .organisation-itm td.form .p .fo {
                    font-weight: 600;
                    text-overflow: ellipsis;
                    width: 100%;
                    float: left;
                    color: #595959;
                }

        .organisation-itm td.num {
            flex: 0 0 95px;
        }

        .organisation-itm td.form {
            flex: 0 0 200px;
        }

        .organisation-itm td.t {
            flex: 1 1 auto;
            overflow: hidden;
            display: flex;
            align-items: center;
        }

            .organisation-itm td.t .p {
                position: relative;
                padding-left: 10px;
                overflow: hidden;
                flex: 0 0 200px;
            }

                .organisation-itm td.t .p.jn {
                    flex: 0 0 50px;
                    text-align: center;
                    padding-left: 0;
                }

                .organisation-itm td.t .p .fo {
                    font-weight: 600;
                    text-overflow: ellipsis;
                    width: 100%;
                    float: left;
                    color: #595959;
                    font-size: 1.2em;
                }

                .organisation-itm td.t .p .h {
                    font-size: 0.8em;
                    float: left;
                    white-space: nowrap;
                    overflow: hidden;
                    color: #808080;
                }

                .organisation-itm td.t .p .de {
                    color: #575757;
                    float: left;
                    font-size: 0.9em;
                    font-weight: bold;
                    white-space: nowrap;
                    overflow: hidden;
                    width: 100%;
                    text-overflow: ellipsis;
                    height: 18px;
                }

        .organisation-itm td.d {
            flex: 0 0 100px;
            padding: 5px;
            display: flex;
            align-items: center;
            text-overflow: ellipsis;
            justify-content: center;
        }

            .organisation-itm td.d.a {
                flex: 0 0 110px;
            }

            .organisation-itm td.d.st {
                flex: 0 0 170px;
            }