table {
	margin: 0;
	width: 100% !important;
}
th, td {
	line-height: 1.4;
	vertical-align: middle;
    padding: 8px !important;
}
th {    
    font-weight: 700;
}
tfoot td {
	padding: 15px 8px !important;
}
.dataTables_empty {
    display: none !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    width: 200px !important;
    height: 30px !important;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before {
	top: 3px;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after {
    top: 7px;
}
.dataTables_scrollBody::-webkit-scrollbar, .tb-overflow::-webkit-scrollbar {
    height: 10px !important;
}
table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
	border-top-width: 2px !important;
	border-bottom-width: 2px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	margin: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	border-radius: unset;
}
div.dataTables_wrapper div.dataTables_filter label {
	margin-bottom: 10px;
}
.fixtable thead>tr>th.sorting:before, .fixtable thead>tr>th.sorting:after {
	opacity: .3 !important;
	line-height: unset !important;
	font-size: .8rem !important;
	bottom: 0.5em !important;
}
.fixtable thead>tr>th.sorting:before {
	content: "↑" !important;
	right: 1em !important;
	top: 3px !important;
}
.fixtable thead>tr>th.sorting:after {
	content: "↓" !important;
	right: 0.5em !important;
	top: 7px !important;
}
.fixtable div.dataTables_info,.fixtable div.dataTables_paginate {
	width: 50% !important;
	margin-top: 15px;
	display: inline-block !important;
}
button.dt-button, div.dt-button, a.dt-button, input.dt-button {
	border-radius: 20px !important;
    line-height: 1.4 !important;
    padding: 7px 15px !important;
}
.tb-no-record {
	padding: 15px !important;
}
.tb-acbtn-div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tbacbtn {
    line-height: 1.4;
    border-radius: 20px;
    align-items: center;
    display: inline-flex;
    transition: all 0.4s;
    justify-content: center;
}
.tb-acbtn-div span {
	margin-right: 5px;
	display: inline-block;
}
.tb-acbtn-div span:last-child {
	margin-right: 0;
}
.tb-btnscroll-div.mb {
	display: none;
}
.tb-btnscroll-div button {
	width: 75px;
	height: 35px;
	font-size: 25px;
	padding: unset;
	align-items: center;
	display: inline-flex;
	border-radius: unset;
	justify-content: center;
}
.tb-btnscroll-div button, .tb-btnscroll-div button i {
	line-height: 1;
}
.tb-btnscroll-div #tb-btnscroll-right i {
	margin-right: unset;
}
.table-long-word {
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.table-label {
	border-radius: 2px;
    padding: 4px 8px;
    font-weight: 500;
    font-family: var(--font_family3) !important;
}
.tb-img-div img {
    padding: 0.15rem;
    object-fit: cover;
    border-radius: 4px;
}
.table-flex-div {
    gap: 8px;
    display: flex;
    align-items: center;
}
.table-flex-div .info-div {
	line-height: 1;
}
.table-flex-div .img-div img {
    width: 45px;
    height: 45px;
    padding: 0.15rem;
    object-fit: cover;
    border-radius: 50px;
}
.table-link {
    line-height: 1;
    transition: all 0.6s;
}
.table-link i {
    top: 1px;
    left: 5px;
    position: relative;
}
.table-link:hover {
    text-decoration: underline !important;
}
table th span {
    font-size: 12px;
    font-weight: 400;
}
@media (min-width: 992px){
	th, td {
	    font-size: 11px;
	}
	table .width-50 {
		width: 25px !important;
	}
	table .width-100 {
		width: 50px !important;
	}
	table .width-150 {
		width: 100px !important;
	}
	table .width-200 {
		width: 150px !important;
	}
	table .width-250 {
		width: 200px !important;
	}
	table .width-300 {
		width: 200px !important;
	}
	table .width-350 {
		width: 250px !important;
	}
	table .width-400 {
		width: 300px !important;
	}
	table .width-450 {
		width: 350px !important;
	}
	table .width-500 {
		width: 400px !important;
	}
	button.dt-button, div.dt-button, a.dt-button, input.dt-button {
		font-size: 12px !important;
	}
	.tbacbtn {
	    width: 30px;
	    height: 30px;
	    font-size: 15px;
	}
	.tb-no-record {
		font-size: 18px;
	}
	.tb-img-div img {
        width: 55px;
        height: 55px;
        max-width: 55px;
    }
}
@media (min-width: 1395px){
	th, td {
	    font-size: 12px;
	}
	table .width-50 {
		width: 50px !important;
	}
	table .width-100 {
		width: 100px !important;
	}
	table .width-150 {
		width: 150px !important;
	}
	table .width-200 {
		width: 200px !important;
	}
	table .width-250 {
		width: 250px !important;
	}
	table .width-300 {
		width: 300px !important;
	}
	table .width-350 {
		width: 350px !important;
	}
	table .width-400 {
		width: 400px !important;
	}
	table .width-450 {
		width: 450px !important;
	}
	table .width-500 {
		width: 500px !important;
	}
	button.dt-button, div.dt-button, a.dt-button, input.dt-button {
		font-size: 14px !important;
	}
	.tb-no-record {
		font-size: 19px;
	}
	.tbacbtn {
	    width: 35px;
	    height: 35px;
	    font-size: 16px;
	}
	.tb-img-div img {
        width: 60px;
        height: 60px;
        max-width: 60px;
    }
}
@media (min-width: 1536px){
	th, td {
	    font-size: 13px;
	}
	.tb-no-record {
		font-size: 20px;
	}
	.tbacbtn {
		width: 40px;
	    height: 40px;
	    font-size: 18px;
	}
	.tb-img-div img {
        width: 70px;
        height: 70px;
        max-width: 70px;
    }
}
@media (min-width: 1705px){
	th, td {
	    font-size: 15px;
	}
	table .width-50 {
		width: 80px !important;
	}
	table .width-100 {
		width: 130px !important;
	}
	table .width-150 {
		width: 180px !important;
	}
	table .width-200 {
		width: 230px !important;
	}
	table .width-250 {
		width: 280px !important;
	}
	table .width-300 {
		width: 320px !important;
	}
	table .width-350 {
		width: 370px !important;
	}
	table .width-400 {
		width: 420px !important;
	}
	table .width-450 {
		width: 470px !important;
	}
	table .width-500 {
		width: 520px !important;
	}
	button.dt-button, div.dt-button, a.dt-button, input.dt-button {
		font-size: 16px !important;
	}
	div.dataTables_wrapper div.dataTables_info {
		font-size: 15px;
		padding-top: 5px !important;
	}
	.page-item.disabled .page-link, .page-link, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		font-size: 15px;
	}
	.tb-no-record {
		font-size: 21px;
	}
	.tbacbtn {
	    font-size: 20px;
	}
	.tb-img-div img {
        width: 80px;
        height: 80px;
        max-width: 80px;
    }
}
@media (min-width: 1800px){
	th, td {
	    font-size: 16px;
	}
	div.dataTables_wrapper div.dataTables_info {
		font-size: 16px;
		padding-top: 5px !important;
	}
	button.dt-button, div.dt-button, a.dt-button, input.dt-button {
		font-size: 17px !important;
	}
	.page-item.disabled .page-link, .page-link, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		font-size: 16px;
	}
	.tb-no-record {
		font-size: 24px;
	}
	.tbacbtn {
		width: 45px;
	    height: 45px;
	    font-size: 22px;
	}
	.tb-img-div img {
        width: 90px;
        height: 90px;
        max-width: 90px;
    }
}
@media (max-width: 991px){
	th, td {
		font-size: 11px;
	}
	table .width-50 {
		width: 25px !important;
	}
	table .width-100 {
		width: 50px !important;
	}
	table .width-150 {
		width: 100px !important;
	}
	table .width-200 {
		width: 150px !important;
	}
	table .width-250 {
		width: 200px !important;
	}
	table .width-300 {
		width: 250px !important;
	}
	table .width-350 {
		width: 300px !important;
	}
	table .width-400 {
		width: 350px !important;
	}
	table .width-450 {
		width: 400px !important;
	}
	table .width-500 {
		width: 450px !important;
	}
	button.dt-button {
		margin-bottom: 15px !important;
	}
	#example_paginate ul.pagination {
		justify-content: start !important;
	}
	div.dt-buttons, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate, 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: left !important;
	}
	table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after {
		font-size: 10px;
	}
	div.dataTables_wrapper div.dataTables_info {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	.tb-overflow {
		overflow: auto;
	}
	.tb-no-record {
		font-size: 14px;
	}
	.tbacbtn {
	    width: 32px;
	    height: 32px;
	    font-size: 15px;
	}
	.add-btn-div.text-right {
		text-align: left !important;
	}
	.tb-img-div img {
        width: 50px;
        height: 50px;
        max-width: 50px;
    }
    .tb-btnscroll-div {
    	text-align: center;
    }
    .tb-btnscroll-div.mb {
		display: block;
	}
}