/* ------------------------------------------------------------------------------
 *
 *  # Buttons extension
 *
 *  The Buttons extension for DataTables provides a common set of options, API
 *  methods and styling to display buttons that will interact with a DataTable
 *
 * ---------------------------------------------------------------------------- */
.dt-buttons-full .dt-buttons {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
    background-color: rgba(0, 0, 0, 0.02);
}

    .dt-buttons-full .dt-buttons > .btn {
        margin-bottom: 0.625rem;
        float: none;
    }

.dt-buttons {
    position: relative;
    float: left;
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 4px 0px 0;
}

.dt-buttons-left .dt-buttons {
    float: right;
}

.dt-buttons > .btn {
    border-radius: 0;
}

    .dt-buttons > .btn:first-child {
        border-top-right-radius: 0.1875rem;
        border-bottom-right-radius: 0.1875rem;
    }

    .dt-buttons > .btn:last-of-type {
        border-top-left-radius: 0.1875rem;
        border-bottom-left-radius: 0.1875rem;
    }

    .dt-buttons > .btn + .btn {
        margin-right: -1px;
    }

@media (max-width: 767.98px) {
    .dt-buttons {
        float: none;
        text-align: center;
        display: block;
    }

        .dt-buttons .btn {
            float: none;
        }
}

.dt-button-background {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 1040;
    opacity: 0.5;
}

.dt-button-collection {
    position: absolute;
    background-color: #fff;
    display: block;
    z-index: 1050;
    padding: 0.5rem 0;
    overflow: hidden;
    min-width: 11.25rem;
    -webkit-column-gap: 0.125rem;
    -moz-column-gap: 0.125rem;
    column-gap: 0.125rem;
    border-radius: 0.1875rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

    .dt-button-collection:not(.fixed) {
        top: 100% !important;
        right: auto !important;
        left: 0 !important;
    }

    .dt-button-collection > .dt-button {
        padding: 0.5rem 1rem;
        color: #333;
        background-color: transparent;
        border: 0;
        display: block;
        outline: 0;
        width: 100%;
        text-align: right;
        cursor: pointer;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .dt-button-collection > .dt-button {
        transition: none;
    }
}

.dt-button-collection > .dt-button + .dt-button {
    margin-top: 1px;
}

.dt-button-collection > .dt-button:hover, .dt-button-collection > .dt-button:focus {
    color: #333;
    background-color: #f5f5f5;
}

.dt-button-collection > .dt-button.active {
    color: #fff;
    background-color: #2196F3;
}

.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    right: 50%;
    margin-right: -4.6875rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

    .dt-button-collection.fixed.two-column {
        margin-right: -9.375rem;
    }

    .dt-button-collection.fixed.three-column {
        margin-right: -14.065rem;
    }

    .dt-button-collection.fixed.four-column {
        margin-right: -18.75rem;
    }

.dt-button-collection > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.dt-button-collection.two-column {
    width: 18.75rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.dt-button-collection.three-column {
    width: 28.13rem;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.dt-button-collection.four-column {
    width: 37.5rem;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

/* ------------------------------------------------------------------------------
 *
 *  # Datatables library
 *
 *  Add advanced interaction controls to any HTML table
 *
 * ---------------------------------------------------------------------------- */
.dataTable {
    margin: 0;
    max-width: none;
}

    .dataTable thead th,
    .dataTable thead td {
        outline: 0;
        position: relative;
    }

    .dataTable thead .sorting_asc,
    .dataTable thead .sorting_desc,
    .dataTable thead .sorting {
        cursor: pointer;
    }

    .dataTable thead .sorting,
    .dataTable thead .sorting_asc,
    .dataTable thead .sorting_desc,
    .dataTable thead .sorting_asc_disabled,
    .dataTable thead .sorting_desc_disabled {
        padding-left: 2.5rem;
    }

        .dataTable thead .sorting:before,
        .dataTable thead .sorting:after,
        .dataTable thead .sorting_asc:after,
        .dataTable thead .sorting_desc:after,
        .dataTable thead .sorting_asc_disabled:after,
        .dataTable thead .sorting_desc_disabled:after {
            content: '';
            font-family: 'Cairo', sans-serif;
            position: absolute;
            top: 50%;
            left: 1.25rem;
            font-size: 0.75rem;
            margin-top: -0.375rem;
            display: inline-block;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .dataTable thead .sorting:before {
            content: '\e9c1';
            margin-top: -0.125rem;
            opacity: 0.5;
        }

        .dataTable thead .sorting:after {
            content: '\e9c2';
            margin-top: -0.625rem;
            opacity: 0.5;
        }

        .dataTable thead .sorting_asc:after {
            content: '\e9c2';
            opacity: 1;
        }

        .dataTable thead .sorting_desc:after {
            content: '\e9c1';
            opacity: 1;
        }

        .dataTable thead .sorting_asc_disabled:after {
            content: '\e9c2';
            opacity: 0.25;
        }

        .dataTable thead .sorting_desc_disabled:after {
            content: '\e9c1';
            opacity: 0.25;
        }

    .dataTable tbody + thead > tr:first-child > th,
    .dataTable tbody + thead > tr:first-child > td,
    .dataTable tbody + tfoot + thead > tr:first-child > th,
    .dataTable tbody + tfoot + thead > tr:first-child > td {
        border-top: 0;
    }

    .dataTable tbody th,
    .dataTable tbody td {
        outline: 0;
    }

        .dataTable tbody th.active,
        .dataTable tbody td.active {
            background-color: rgba(0, 0, 0, 0.03);
        }

    .dataTable .dataTables_empty {
        text-align: center;
    }

    .dataTable.table-bordered {
        border-collapse: collapse;
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
}

    .dataTables_wrapper::after {
        display: block;
        clear: both;
        content: "";
    }

    .dataTables_wrapper .table-bordered {
        border-top: 0;
    }

    .dataTables_wrapper + .card-body {
        border-top: 1px solid #ddd;
    }

.dataTables_processing {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 40px;
    margin-right: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.datatable-header,
.datatable-footer {
    padding: 1.25rem 1.25rem 0 1.25rem;
}

    .datatable-header::after,
    .datatable-footer::after {
        display: block;
        clear: both;
        content: "";
    }

.card-body .datatable-header, .card-body
.datatable-footer {
    padding-right: 0;
    padding-left: 0;
}

.datatable-header-accent,
.datatable-footer-accent {
    background-color: rgba(0, 0, 0, 0.02);
}

.datatable-header {
    border-bottom: 1px solid #ddd;
}

.datatable-footer {
    border-top: 1px solid #b7b7b7;
}

.dataTables_length {
    float: left;
    display: inline-block;
    margin: 0 1.25rem 1.25rem 0;
}

    .dataTables_length > label {
        margin-bottom: 0;
    }

        .dataTables_length > label > span:first-child {
            float: right;
            margin: 0.5rem 0.83333rem;
            margin-right: 0;
        }

    .dataTables_length select {
        height: 2.25003rem;
        padding: 0.4375rem 0.875rem;
        font-size: 0.8125rem;
        line-height: 1.5385;
        color: #333;
        background-color: #fff;
        border: 1px solid #ddd;
        outline: 0;
    }

.length-left .dataTables_length {
    float: right;
}

.dataTables_length .select2-container {
    width: auto;
}

.dataTables_length .select2-choice {
    min-width: 3.75rem;
}

.dataTables_filter {
    position: relative;
    display: block;
    float: right;
    margin: 0 1.25rem 1.25rem 0;
}

    .dataTables_filter > label {
        margin-bottom: 0;
        position: relative;
    }

        .dataTables_filter > label:after {
            content: "\e98e";
            font-family: 'Cairo', sans-serif;
            font-size: 0.75rem;
            display: inline-block;
            position: absolute;
            top: 50%;
            left: 0.875rem;
            margin-top: -0.375rem;
            line-height: 1;
            opacity: 0.5;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .dataTables_filter > label > span {
            float: right;
            margin: 0.5rem 0.83333rem;
            margin-right: 0;
        }

    .dataTables_filter input {
        outline: 0;
        width: 12.5rem;
        padding: 0.4375rem 0.875rem;
        padding-left: 2rem;
        font-size: 0.8125rem;
        line-height: 1.5385;
        color: #333;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 0.1875rem;
    }

        .dataTables_filter input::-webkit-input-placeholder {
            color: #999;
            opacity: 1;
        }

        .dataTables_filter input::-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .dataTables_filter input:-ms-input-placeholder {
            color: #999;
            opacity: 1;
        }

        .dataTables_filter input::-ms-input-placeholder {
            color: #999;
            opacity: 1;
        }

        .dataTables_filter input::placeholder {
            color: #999;
            opacity: 1;
        }

.filter-right .dataTables_filter {
    float: left;
}

.dataTables_info {
    float: right;
    padding: 0.4375rem 0;
    margin-bottom: 1.25rem;
}

.info-right .dataTables_info {
    float: left;
}

.dataTables_paginate {
    float: left;
    text-align: left;
    margin: 0 1.25rem 1.25rem 0;
}

    .dataTables_paginate .paginate_button {
        display: inline-block;
        padding: 0.4375rem;
        min-width: 2.25003rem;
        margin-right: 0.125rem;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        color: #333;
        outline: 0;
        border: 1px solid transparent;
        border-radius: 0.1875rem;
        transition: all ease-in-out 0.15s;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .dataTables_paginate .paginate_button {
        transition: none;
    }
}

.dataTables_paginate .paginate_button:first-child {
    margin-right: 0;
}

.dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus {
    background-color: #f5f5f5;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
    color: #fff;
    background-color: #37474F;
}

.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:focus {
    cursor: default;
    background-color: #fff;
    color: #999;
}

.dataTables_paginate.paging_simple .paginate_button {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
}

    .dataTables_paginate.paging_simple .paginate_button:not(.disabled):hover, .dataTables_paginate.paging_simple .paginate_button:not(.disabled):focus {
        color: #fff;
        background-color: #37474F;
    }

.paginate-left .dataTables_paginate {
    float: right;
}

.paging_simple .paginate_button:hover, .paging_simple .paginate_button:focus {
    color: #fff;
    background-color: #2196F3;
}

.dataTables_scroll {
    clear: both;
}

    .dataTables_scroll .dataTables_scrollHead table {
        border-bottom: 0;
    }

    .dataTables_scroll .dataTables_scrollHead th,
    .dataTables_scroll .dataTables_scrollHead td {
        white-space: nowrap;
    }

    .dataTables_scroll .dataTables_scrollBody {
        -webkit-overflow-scrolling: touch;
    }

        .dataTables_scroll .dataTables_scrollBody table {
            border-bottom: 0;
        }

            .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after {
                content: none;
            }

            .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td {
                border-top: 0;
            }

        .dataTables_scroll .dataTables_scrollBody th,
        .dataTables_scroll .dataTables_scrollBody td {
            white-space: nowrap;
        }

            .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing,
            .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing {
                height: 0;
                overflow: hidden;
                margin: 0;
                padding: 0;
            }

.card-body + .dataTables_wrapper,
.card-body + * > .dataTables_wrapper {
    border-top: 1px solid #ddd;
}

.card-body > .dataTables_wrapper .datatable-footer {
    border-top: 0;
}

    .card-body > .dataTables_wrapper .datatable-footer .dataTables_length,
    .card-body > .dataTables_wrapper .datatable-footer .dataTables_filter,
    .card-body > .dataTables_wrapper .datatable-footer .dataTables_info,
    .card-body > .dataTables_wrapper .datatable-footer .dataTables_paginate {
        margin-bottom: 0;
    }

.card-header:not([class*=bg-]) + .dataTables_wrapper > .datatable-header {
    padding-top: 0;
}

.card > .dataTables_wrapper .table-bordered {
    border: 0;
}

    .card > .dataTables_wrapper .table-bordered > thead > tr > td:first-child,
    .card > .dataTables_wrapper .table-bordered > thead > tr > th:first-child,
    .card > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child,
    .card > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child,
    .card > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child,
    .card > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child {
        border-right: 0;
    }

    .card > .dataTables_wrapper .table-bordered > thead > tr > td:last-child,
    .card > .dataTables_wrapper .table-bordered > thead > tr > th:last-child,
    .card > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child,
    .card > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child,
    .card > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child,
    .card > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child {
        border-left: 0;
    }

    .card > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th,
    .card > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td {
        border-bottom: 0;
    }

.datatable-scroll-lg,
.datatable-scroll,
.datatable-scroll-sm {
    min-height: .01%;
}

.datatable-scroll-wrap {
    width: 100%;
    min-height: .01%;
    overflow-x: auto;
}

@media (max-width: 767.98px) {
    .datatable-scroll-sm {
        width: 100%;
        overflow-x: scroll;
    }

        .datatable-scroll-sm th,
        .datatable-scroll-sm td {
            white-space: nowrap;
        }
}

@media (max-width: 991.98px) {
    .datatable-scroll {
        width: 100%;
        overflow-x: scroll;
    }

        .datatable-scroll th,
        .datatable-scroll td {
            white-space: nowrap;
        }
}

@media (max-width: 1199.98px) {
    .datatable-scroll-lg {
        width: 100%;
        overflow-x: scroll;
    }

        .datatable-scroll-lg th,
        .datatable-scroll-lg td {
            white-space: nowrap;
        }
}

@media (max-width: 767.98px) {
    .dataTables_info,
    .dataTables_paginate,
    .dataTables_length,
    .dataTables_filter,
    .DTTT_container,
    .ColVis {
        float: none !important;
        text-align: center;
        margin-right: 0;
    }

    .dataTables_info,
    .dataTables_paginate {
        margin-top: 0;
    }

    .datatable-header {
        text-align: center;
    }
}
div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_length {
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 1rem;
    margin-left: 0px;
}
.list-icons {
    display: inline-flex;
    align-items: center;
}
.qq-upload-size{
    display:none !important;
}