.dt-container{}
.dt-container .dt-layout-row{display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.dt-container .dt-layout-row .dt-buttons .dt-button{background: white;border: 1px solid rgb(0 0 0 / 10%);border-radius: 6px;font-size: 13px;padding: 7px 15px;line-height: 1;background: white;border: 1px solid rgb(0 0 0 / 10%);border-radius: 6px;font-size: 13px;font-weight: 600;box-shadow: 0px 1px 1px rgb(0 0 0 / 5%);/* padding: 6px 6px; */line-height: 1;margin-left: 5px;}
.dt-container .dt-layout-row.dt-layout-table{border: 1px solid rgb(0 0 0 / 10%);border-radius: 8px;}
.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell {width: 100%;}
.dt-container .dt-layout-table{}
.dt-container thead, 
.dt-container tbody, 
.dt-container tfoot, 
.dt-container tr, 
.dt-container td, 
.dt-container th{/* color: #333333; */font-size: 14px;padding: 8px 10px;}

.dt-layout-cell.dt-end {padding: 0;}
.dt-layout-cell.dt-start {font-size: 14px;}
.dt-layout-cell table {margin-bottom: 0;}

button.dt-paging-button {background: white;border: 1px solid rgb(0 0 0 / 10%);border-radius: 6px;font-size: 13px;font-weight: 600;box-shadow: 0px 1px 1px rgb(0 0 0 / 5%);padding: 6px 6px;line-height: 1;margin-left: 5px;}

thead tr {background: #f9fafb;}
tr th:nth-child(1) {background: #f9fafb;/* text-align: center; *//* text-align: center; */}
td {border: 1px solid #eef0f3!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;font-size: 14px!important;}
tr:last-child td {border-bottom: transparent!important;}
tr:last-child th {border-bottom: transparent!important;border-left: 1px solid #eef0f3;position: relative;cursor: pointer;font-weight: 600;padding: 10px;}

thead tr:last-child th:first-child {border-left: 0;border-bottom: 1px solid #eef0f3 !important;border-top-left-radius: 8px;min-width: 33px;}
tbody tr:last-child th:first-child {border-left: 0;border-bottom-left-radius: 8px;}

.dt-search label {font-size: 15px;margin-right: 10px;color: #101010;font-weight: 500;}
.dt-search input {border: 1px solid #e5e5e5;border-radius: 8px;font-size: 14px;height: 35px;padding: 8px;line-height: 1!important;outline: none;padding-bottom: 10px;}
.dt-input{border: 1px solid #e5e5e5;border-radius: 8px;font-size: 14px;height: 35px;padding: 8px;line-height: 1!important;outline: none;padding-bottom: 10px;}
.dt-length label{margin-left: 10px;font-size: 15px;margin-right: 10px;color: #101010;font-weight: 500;}
th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc:before {color: red;content: "\f286";position: absolute;font-family: bootstrap-icons !important;right: 10px;font-size: 12px;top: 12px;color: var(--datatables-thead-icon-color);}
th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc:before {color: red;content: "\f282";position: absolute;font-family: bootstrap-icons !important;right: 10px;font-size: 12px;top: 12px;color: var(--datatables-thead-icon-color);}
th.dt-orderable-asc.dt-orderable-desc:before{color: red;content: "\f283";position: absolute;font-family: bootstrap-icons !important;right: 10px;font-size: 13px;top: 9px;color: var(--datatables-thead-icon-color);}

[data-status="active"]{}

[data-status] div{font-size: 13px;position: relative;display: flex;align-items: center;}
[data-status] div::before{font-family: bootstrap-icons!important;display: inline-block;margin-right: 5px;}

[data-status="active"]{background: #f3fff4!important;}
[data-status="active"] div{color: #39bb00;}
[data-status="active"] div::before{content: "\f26a";}

[data-status="disabled"]{}
[data-status="disabled"] div{color: #b3b3b3;}
[data-status="disabled"] div::before{content: "\f622";}

[data-status="pending"]{background: #fffcf3!important;}
[data-status="pending"] div{color: #deb008;}
[data-status="pending"] div::before{content: "\f116";}

button.dt-paging-button.current {/* color: #001fff; */padding: 6px 10px;}

tr:hover td {background: #fafbfb;}

table .actions .dropdown{text-align: center;cursor: pointer;}
table .actions .dropdown-toggle{padding: 0 6px}
table .actions .dropdown-toggle::after{content: '';display: none;}
.actions .dropdown li:hover {background: #f5f6f8;}
.actions .dropdown li {font-weight: normal;color: #161616;padding: 8px 15px 9px;font-size: 13px;border-radius: 4px;line-height: 1;margin-bottom: 3px;cursor: pointer;}
.actions .dropdown li i{margin-right: 5px;}
.actions .dropdown li{font-size: 13px;position: relative;display: flex;align-items: center;}
.actions .dropdown li::before{font-family: bootstrap-icons!important;display: inline-block;margin-right: 5px;}
.actions .dropdown li.view::before{content: "\f33e";}
.actions .dropdown li.edit::before{content: "\f4c9";}
.actions .dropdown li.trash::before{content: "\f5df";}
.actions .dropdown li.trash{color: #ea3232;}

table .actions-dynamic .dropdown{text-align: center;cursor: pointer;}
table .actions-dynamic .dropdown-toggle{padding: 0 6px}
table .actions-dynamic .dropdown-toggle::after{content: '';display: none;}
.actions-dynamic .dropdown li:hover {background: #f5f6f8;}
.actions-dynamic .dropdown li {font-weight: normal;color: #161616;padding: 8px 15px 9px;font-size: 13px;border-radius: 4px;line-height: 1;margin-bottom: 3px;cursor: pointer;}
.actions-dynamic .dropdown li i{margin-right: 5px;}
.actions-dynamic .dropdown li{font-size: 13px;position: relative;display: flex;align-items: center;}
.actions-dynamic .dropdown li::before{font-family: bootstrap-icons!important;display: inline-block;margin-right: 5px;}
.actions-dynamic .dropdown li.view::before{content: "\f33e";}
.actions-dynamic .dropdown li.edit::before{content: "\f4c9";}
.actions-dynamic .dropdown li.trash::before{content: "\f5df";}
.actions-dynamic .dropdown li.trash{color: #ea3232;}

/* .bs-card{border: 1px solid #eaecf0;border-radius: 10px;/* background: white; */} */
.bs-card .table-header{display: flex;justify-content: space-between;padding: 15px 15px 10px;align-items: center;}
.bs-card .table-header .title{display: flex;align-items: center;}
.bs-card .table-header .title h1{font-weight: 600;font-size: 16px;color: #101010;margin-bottom: 0;}
.bs-card .table-header .title .bs-app{font-size: 17px;padding-right: 0;display: inline-flex;background: white;border: 1px solid #ededed;width: 34px;height: 34px;display: flex;justify-content: center;border-radius: 7px;align-items: center;box-shadow: 0px 1px 1px rgb(0 0 0 / 6%);color: #000000;margin-right: 8px;}
.bs-card .table-header .title .bs-app i{/* color: var(--theme-app-color-1); */}
.bs-card .table-header .options{display: flex;align-items: center;}
.bs-card .bs-card-content{margin: 0px 15px;}
.bs-card.disable-table-top .dt-layout-row:nth-child(1) .dt-start,
.bs-card.disable-table-top .dt-layout-row:nth-child(1) .dt-end{display: none;}

.bs-input{border: 1px solid #e0e5ec; height: 32px; border-radius: 5px; outline: none; line-height: 1; padding: 8px 8px 10px;}
.dt-custom-filters{padding: 5px 15px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;background: #fbfbfb;display: flex;align-items: center;justify-content: space-between;display: none;}
.dt-custom-filters select{word-wrap: normal; border: 1px solid #e0e5ec; height: 28px; border-radius: 5px; outline: none; line-height: 1; padding: 2px 8px 5px; font-size: 13px; font-weight: 500;}
.dt-custom-filters .dt-custom-filter-left h4{font-size: 13px; margin: 0; font-weight: 600;}
.dt-custom-filters .dt-custom-filter-right{display: flex;}
.dt-custom-filters .dt-filter-close{font-size: 18px; margin-left: 15px; color: #cacaca; cursor: pointer;}

.bs-mt-5{margin-top: 5px;}
.bs-mr-5{margin-right: 5px;}
.bs-mb-5{margin-bottom: 5px;}
.bs-ml-5{margin-left: 5px;}

.bs-fs-13{font-size: 13px;}

[data-active="false"]{display: none;}
[data-active="true"]{display: none;}

.actions .dropdown li.trash:hover{background: #fbf4f4;}

.dt-layout-table > .dt-layout-cell table{min-width: 800px;}

@media(max-width: 800px){
    .dt-layout-table > .dt-layout-cell{overflow: hidden; overflow-x: scroll;}
}

.options .dropdown li:hover {background: #f5f6f8;}
.options .dropdown li {/* font-weight: 500; */color: #161616;padding: 7px 15px 8px;font-size: 13px;border-radius: 4px;line-height: 1;margin-bottom: 3px;cursor: pointer;}
.options .dropdown li i{margin-right: 5px;}
.options .dropdown li{font-size: 13px;position: relative;display: flex;align-items: center;}
.options .dropdown li::before{font-family: bootstrap-icons!important;display: inline-block;margin-right: 5px;font-size: 15px}
.options .dropdown li.export-excel::before{content: "\f389";}
.options .dropdown li.export-csv::before{content: "\f743";}
.options .dropdown li.export-pdf::before{content: "\f63E";}

td .group {display: flex;justify-content: space-between;}
td .group .open {background: #ffffff;padding: 5px 8px;border: 1px solid #e0e5ec;border-radius: 5px;font-size: 10px;font-weight: 600;cursor: pointer;opacity: 0;transition: .2s all}
td:hover .group .open {opacity: 1;}
td .group .open i {margin-right: 5px;font-size: 12px;}
td .group .button {background: #ffffff;padding: 5px 8px;border: 1px solid #e0e5ec;border-radius: 5px;font-size: 12px;font-weight: normal;cursor: pointer;opacity: 1;transition: .2s all}
td .group .button i {margin-right: 5px;font-size: 12px;}
td .group .comments {font-size: 14px;margin-left: 5px;cursor: pointer;color: #bbbbbb;}
table tr td a {/* color: #333333!important; *//* text-decoration: none!important; */font-size: 14px;}