/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs5/jszip-3.10.1/pdfmake-0.2.7/dt-1.13.6/af-2.6.0/b-2.4.2/b-colvis-2.4.2/b-html5-2.4.2/b-print-2.4.2
 *
 * Included libraries:
 *   JSZip 3.10.1, pdfmake 0.2.7, DataTables 1.13.6, AutoFill 2.6.0, Buttons 2.4.2, Column visibility 2.4.2, HTML5 export 2.4.2, Print view 2.4.2
 */

@charset "UTF-8";

:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}

    :root.dark {
        --dt-html-background: rgb(33, 37, 41);
    }

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer;
}

    table.dataTable td.dt-control:before {
        display: inline-block;
        color: rgba(0, 0, 0, 0.5);
        content: "►";
    }

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "▼";
}

html.dark table.dataTable td.dt-control:before {
    color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
    color: rgba(255, 255, 255, 0.5);
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px;
}

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting:before,
    table.dataTable thead > tr > td.sorting:after,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_asc:after,
    table.dataTable thead > tr > td.sorting_desc:before,
    table.dataTable thead > tr > td.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_asc_disabled:after,
    table.dataTable thead > tr > td.sorting_desc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:after {
        position: absolute;
        display: block;
        opacity: 0.125;
        right: 10px;
        line-height: 9px;
        font-size: 1em;
    }

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
    table.dataTable thead > tr > td.sorting:before,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_desc:before,
    table.dataTable thead > tr > td.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:before {
        bottom: 50%;
        content: "▲";
        content: "▲"/"";
    }

    table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting:after,
    table.dataTable thead > tr > td.sorting_asc:after,
    table.dataTable thead > tr > td.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:after,
    table.dataTable thead > tr > td.sorting_desc_disabled:after {
        top: 50%;
        content: "▼";
        content: "▼"/"";
    }

    table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
    table.dataTable thead > tr > td.sorting_asc:before,
    table.dataTable thead > tr > td.sorting_desc:after {
        opacity: 0.6;
    }

    table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
    table.dataTable thead > tr > td.sorting_desc_disabled:after,
    table.dataTable thead > tr > td.sorting_asc_disabled:before {
        display: none;
    }

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}

div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
    display: none;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px;
}

    div.dataTables_processing > div:last-child {
        position: relative;
        width: 80px;
        height: 15px;
        margin: 1em auto;
    }

        div.dataTables_processing > div:last-child > div {
            position: absolute;
            top: 0;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: rgb(13, 110, 253);
            background: rgb(var(--dt-row-selected));
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
        }

            div.dataTables_processing > div:last-child > div:nth-child(1) {
                left: 8px;
                animation: datatables-loader-1 0.6s infinite;
            }

            div.dataTables_processing > div:last-child > div:nth-child(2) {
                left: 8px;
                animation: datatables-loader-2 0.6s infinite;
            }

            div.dataTables_processing > div:last-child > div:nth-child(3) {
                left: 32px;
                animation: datatables-loader-2 0.6s infinite;
            }

            div.dataTables_processing > div:last-child > div:nth-child(4) {
                left: 56px;
                animation: datatables-loader-3 0.6s infinite;
            }

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: center;
}

    table.dataTable thead th.dt-head-left,
    table.dataTable thead td.dt-head-left,
    table.dataTable tfoot th.dt-head-left,
    table.dataTable tfoot td.dt-head-left {
        text-align: left;
    }

    table.dataTable thead th.dt-head-center,
    table.dataTable thead td.dt-head-center,
    table.dataTable tfoot th.dt-head-center,
    table.dataTable tfoot td.dt-head-center {
        text-align: center;
    }

    table.dataTable thead th.dt-head-right,
    table.dataTable thead td.dt-head-right,
    table.dataTable tfoot th.dt-head-right,
    table.dataTable tfoot td.dt-head-right {
        text-align: right;
    }

    table.dataTable thead th.dt-head-justify,
    table.dataTable thead td.dt-head-justify,
    table.dataTable tfoot th.dt-head-justify,
    table.dataTable tfoot td.dt-head-justify {
        text-align: justify;
    }

    table.dataTable thead th.dt-head-nowrap,
    table.dataTable thead td.dt-head-nowrap,
    table.dataTable tfoot th.dt-head-nowrap,
    table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap;
    }

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

    table.dataTable td,
    table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        table.dataTable td.dataTables_empty,
        table.dataTable th.dataTables_empty {
            text-align: center;
        }

    table.dataTable.nowrap th,
    table.dataTable.nowrap td {
        white-space: nowrap;
    }

    table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
        box-shadow: none;
    }

    table.dataTable > tbody > tr {
        background-color: transparent;
    }

        table.dataTable > tbody > tr.selected > * {
            box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
            box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
            color: rgb(255, 255, 255);
            color: rgb(var(--dt-row-selected-text));
        }

        table.dataTable > tbody > tr.selected a {
            color: rgb(9, 10, 11);
            color: rgb(var(--dt-row-selected-link));
        }

    table.dataTable.table-striped > tbody > tr.odd > * {
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
    }

    table.dataTable.table-striped > tbody > tr.odd.selected > * {
        box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
    }

    table.dataTable.table-hover > tbody > tr:hover > * {
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
    }

    table.dataTable.table-hover > tbody > tr.selected:hover > * {
        box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    /*text-align: left;*/
    text-align:right;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    
    text-align:left;
    /*text-align: right;*/
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: right;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        /*width: auto;*/
    }
      
/**fagregado*/
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end;
    }

div.dataTables_wrapper div.dt-row {
    position: relative;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody > table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

    div.dataTables_scrollBody > table > thead .sorting:before,
    div.dataTables_scrollBody > table > thead .sorting_asc:before,
    div.dataTables_scrollBody > table > thead .sorting_desc:before,
    div.dataTables_scrollBody > table > thead .sorting:after,
    div.dataTables_scrollBody > table > thead .sorting_asc:after,
    div.dataTables_scrollBody > table > thead .sorting_desc:after {
        display: none;
    }

    div.dataTables_scrollBody > table > tbody tr:first-child th,
    div.dataTables_scrollBody > table > tbody tr:first-child td {
        border-top: none;
    }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box;
}

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none;
    }

div.dataTables_wrapper div.dataTables_length {
    text-align: right;
}
@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        margin-top: 1rem;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important;
        }
}

table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
    padding-right: 20px;
}

table.table-bordered.dataTable {
    border-right-width: 0;
}

    table.table-bordered.dataTable thead tr:first-child th,
    table.table-bordered.dataTable thead tr:first-child td {
        border-top-width: 1px;
    }

    table.table-bordered.dataTable th,
    table.table-bordered.dataTable td {
        border-left-width: 0;
    }

        table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child,
        table.table-bordered.dataTable td:first-child,
        table.table-bordered.dataTable td:first-child {
            border-left-width: 1px;
        }

        table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
        table.table-bordered.dataTable td:last-child,
        table.table-bordered.dataTable td:last-child {
            border-right-width: 1px;
        }

    table.table-bordered.dataTable th,
    table.table-bordered.dataTable td {
        border-bottom-width: 1px;
    }

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0;
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
        padding-left: 0;
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
        padding-right: 0;
    }

:root[data-bs-theme=dark] {
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
    --dt-column-ordering: 255, 255, 255;
}


div.dt-autofill-handle {
    position: absolute;
    height: 8px;
    width: 8px;
    z-index: 10;
    box-sizing: border-box;
    background: #0d6efd;
    cursor: pointer
}

div.dtk-focus-alt div.dt-autofill-handle {
    background: #ff8b33
}

div.dt-autofill-select {
    position: absolute;
    z-index: 1001;
    background-color: #0d6efd;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px)
}

    div.dt-autofill-select.top, div.dt-autofill-select.bottom {
        height: 3px;
        margin-top: -1px
    }

    div.dt-autofill-select.left, div.dt-autofill-select.right {
        width: 3px;
        margin-left: -1px
    }

div.dt-autofill-list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    background-color: white;
    border-radius: .75em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
    z-index: 104;
    box-sizing: border-box;
    padding: 2em
}

    div.dt-autofill-list div.dtaf-popover-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 22px;
        height: 22px;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        z-index: 12
    }

    div.dt-autofill-list > div.dt-autofill-list-items > button {
        display: block;
        width: 100%;
        margin: 1em 0;
        padding: 1em;
        border-radius: .5em;
        border: 1px solid rgba(0, 0, 0, 0.175);
        background-color: #f6f6f6;
        text-align: left;
        cursor: pointer
    }

        div.dt-autofill-list > div.dt-autofill-list-items > button:hover {
            background-color: #ebebeb
        }

        div.dt-autofill-list > div.dt-autofill-list-items > button:first-child {
            margin-top: 0
        }

        div.dt-autofill-list > div.dt-autofill-list-items > button:last-child {
            margin-bottom: 0
        }

        div.dt-autofill-list > div.dt-autofill-list-items > button input[type=number] {
            padding: 6px;
            width: 30px;
            margin: -2px 0
        }

        div.dt-autofill-list > div.dt-autofill-list-items > button span {
            float: right
        }

div.dtaf-popover-closeable {
    padding-top: 2.5em
}

div.dt-autofill-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index: 103
}

html.dark div.dt-autofill-handle {
    background: rgb(110, 168, 254)
}

html.dark div.dt-autofill-select {
    position: absolute;
    z-index: 1001;
    background-color: rgb(110, 168, 254);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px)
}

html.dark div.dt-autofill-list {
    background-color: var(--dt-html-background);
    border: 1px solid rgba(255, 255, 255, 0.15)
}

    html.dark div.dt-autofill-list button {
        color: inherit;
        border: 1px solid rgba(255, 255, 255, 0.175);
        background-color: rgb(47, 52, 56)
    }

        html.dark div.dt-autofill-list button:hover {
            background-color: rgb(64, 69, 73)
        }

@media screen and (max-width: 767px) {
    div.dt-autofill-handle {
        height: 16px;
        width: 16px
    }

    div.dt-autofill-list {
        width: 90%;
        left: 74.5%
    }
}

div.dt-autofill-list div.dt-autofill-question input[type=number] {
    padding: 6px;
    width: 60px;
    margin: -2px 0
}

div.row.dt-row > div.col-sm-12 {
    position: relative
}


@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*div.dataTables_wrapper {
    position: relative;
}*/

div.dt-buttons {
    /*  position: initial;*/
    margin-right:0;
}

    div.dt-buttons .dt-button {
        overflow: hidden;
        text-overflow: ellipsis;
    }

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: white;
    border-radius: 0.75em;
    box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
    text-align: center;
    z-index: 2003;
    overflow: hidden;
}

    div.dt-button-info h2 {
        padding: 2rem 2rem 1rem 2rem;
        margin: 0;
        font-weight: normal;
    }

    div.dt-button-info > div {
        padding: 1em 2em 2em 2em;
    }

div.dtb-popover-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 2003;
}

button.dtb-hide-drop {
    display: none !important;
}

div.dt-button-collection-title {
    text-align: center;
    padding: 0.3em 0 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 0.9em;
}

    div.dt-button-collection-title:empty {
        display: none;
    }

span.dt-button-spacer {
    display: inline-block;
    margin: 0.5em;
    white-space: nowrap;
}

    span.dt-button-spacer.bar {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        vertical-align: middle;
        padding-left: 0.5em;
    }

        span.dt-button-spacer.bar:empty {
            height: 1em;
            width: 1px;
            padding-left: 0;
        }

div.dt-button-collection .dt-button-active {
    padding-right: 3em;
}

    div.dt-button-collection .dt-button-active:after {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 1em;
        display: inline-block;
        content: "✓";
        color: inherit;
    }

    div.dt-button-collection .dt-button-active.dt-button-split {
        padding-right: 0;
    }

        div.dt-button-collection .dt-button-active.dt-button-split:after {
            display: none;
        }

        div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
            padding-right: 3em;
        }

            div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
                position: absolute;
                top: 50%;
                margin-top: -10px;
                right: 1em;
                display: inline-block;
                content: "✓";
                color: inherit;
            }

div.dt-button-collection .dt-button-active-a a {
    padding-right: 3em;
}

    div.dt-button-collection .dt-button-active-a a:after {
        position: absolute;
        right: 1em;
        display: inline-block;
        content: "✓";
        color: inherit;
    }

div.dt-button-collection span.dt-button-spacer {
    width: 100%;
    font-size: 0.9em;
    text-align: center;
    margin: 0.5em 0;
}

    div.dt-button-collection span.dt-button-spacer:empty {
        height: 0;
        width: 100%;
    }

    div.dt-button-collection span.dt-button-spacer.bar {
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-left: 0;
    }

html.dark div.dt-button-info {
    background-color: var(--dt-html-background);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dt-buttons div.btn-group {
    position: initial;
   /* text-align:right;*/
}
.dt-buttons.btn-group{
    text-align:left;
/*    text-align:right;*/
}


div.dt-buttons div.dropdown-menu {
    margin-top: 4px;
}

    div.dt-buttons div.dropdown-menu .dt-button {
        position: relative;
    }

    div.dt-buttons div.dropdown-menu div.dt-button-split {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: stretch;
    }

        div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
            min-width: auto;
            flex: 1 0 50px;
            padding-right: 0;
        }

        div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
            min-width: 33px;
            flex: 0;
            background: transparent;
            border: none;
            line-height: 1rem;
            color: var(--bs-dropdown-link-color);
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
        }

            div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
                color: var(--bs-dropdown-link-hover-color);
                background-color: var(--bs-dropdown-link-hover-bg);
            }

            div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
                position: relative;
                left: -3px;
            }

    div.dt-buttons div.dropdown-menu.fixed {
        position: fixed;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -75px;
        border-radius: 5px;
        background-color: white;
        padding: 0.5em;
    }

        div.dt-buttons div.dropdown-menu.fixed.two-column {
            margin-left: -200px;
        }

        div.dt-buttons div.dropdown-menu.fixed.three-column {
            margin-left: -225px;
        }

        div.dt-buttons div.dropdown-menu.fixed.four-column {
            margin-left: -300px;
        }

        div.dt-buttons div.dropdown-menu.fixed.columns {
            margin-left: -409px;
        }

@media screen and (max-width: 1024px) {
    div.dt-buttons div.dropdown-menu.fixed.columns {
        margin-left: -308px;
    }
}

@media screen and (max-width: 640px) {
    div.dt-buttons div.dropdown-menu.fixed.columns {
        margin-left: -203px;
    }
}

@media screen and (max-width: 460px) {
    div.dt-buttons div.dropdown-menu.fixed.columns {
        margin-left: -100px;
    }
}

div.dt-buttons div.dropdown-menu.fixed > :last-child {
    max-height: 100vh;
    overflow: auto;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
    display: block !important;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px;
}

    div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }

div.dt-buttons div.dropdown-menu.two-column {
    width: 400px;
}

    div.dt-buttons div.dropdown-menu.two-column > :last-child {
        padding-bottom: 1px;
        column-count: 2;
    }

div.dt-buttons div.dropdown-menu.three-column {
    width: 450px;
}

    div.dt-buttons div.dropdown-menu.three-column > :last-child {
        padding-bottom: 1px;
        column-count: 3;
    }

div.dt-buttons div.dropdown-menu.four-column {
    width: 600px;
}

    div.dt-buttons div.dropdown-menu.four-column > :last-child {
        padding-bottom: 1px;
        column-count: 4;
    }

div.dt-buttons div.dropdown-menu .dt-button {
    border-radius: 0;
}

div.dt-buttons div.dropdown-menu.columns {
    width: auto;
}

    div.dt-buttons div.dropdown-menu.columns > :last-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: 818px;
        padding-bottom: 1px;
    }

        div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
            min-width: 200px;
            flex: 0 1;
            margin: 0;
        }

    div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
        justify-content: space-between;
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
        flex: 1 1 32%;
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
        flex: 1 1 48%;
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
        flex: 1 1 100%;
    }

@media screen and (max-width: 1024px) {
    div.dt-buttons div.dropdown-menu.columns > :last-child {
        width: 612px;
    }
}

@media screen and (max-width: 640px) {
    div.dt-buttons div.dropdown-menu.columns > :last-child {
        width: 406px;
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
        flex: 0 1 32%;
    }
}

@media screen and (max-width: 460px) {
    div.dt-buttons div.dropdown-menu.columns > :last-child {
        width: 200px;
    }
}

div.dt-buttons span.dt-button-spacer.empty {
    margin: 1px;
}

div.dt-buttons span.dt-button-spacer.bar:empty {
    height: inherit;
}

div.dt-buttons .btn.processing {
    color: rgba(0, 0, 0, 0.2);
}

    div.dt-buttons .btn.processing:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        box-sizing: border-box;
        display: block;
        content: " ";
        border: 2px solid rgb(40, 40, 40);
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: dtb-spinner 1500ms infinite linear;
        -o-animation: dtb-spinner 1500ms infinite linear;
        -ms-animation: dtb-spinner 1500ms infinite linear;
        -webkit-animation: dtb-spinner 1500ms infinite linear;
        -moz-animation: dtb-spinner 1500ms infinite linear;
    }

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

@media screen and (max-width: 767px) {
    div.dt-buttons {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }

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

:root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
    background-color: rgb(33, 37, 41);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
}
