.topbar {
	top: 0 !important;
	bottom: auto !important
}

.dataTables_scrollBody thead tr {
	height: 0px !important
}

.table-wrapper{

box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.table {
	margin-bottom: 0px;
	text-align: center;
	
}

.heading-title {
    font-weight: 600;
    color: var(--bottle-green) !important;
}

.table button
{
text-align: center
}
.dataTables_wrapper
{
padding-top:0px!important
}

.dataTables_scrollBody table.dataTable thead .sorting:after {
	display: none
}

.table-report.table th, .table-report .table thead th, .table-report,
	.table-report {
	border: 1px solid #f3f1f1 !important;
	padding: 7px 10px;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
	/* table-layout: fixed; */
	/* white-space: nowrap; */
}

.table thead
{
	background: var(--ngdr-header-bg-color);
}



.table thead th
{
	color: #fff!important;
	font-weight: 600;
	padding: 10px!important;
	font-size: 0.95rem;
	/* background: red; */
}

.table tbody td
{
	color: #000 !important;
    font-weight: 500;
    padding: 10px !important;
    font-size: 0.95rem !important;
    border-bottom: 0 !important;
}

table.dataTable td.dt-type-numeric
{
	text-align:left!important
}
table.dataTable thead th
{
	
	text-align: center!important
}


.page-link {
    color: #263238;
    font-weight: 500;
    color: #002528;
    border: 1px solid #abcad5 !important;
    padding: 5px 15px;
    font-size: 1.2rem;
}

.paginate_button a, #notificationtableuser_info, .dt-search label  {
	color: var(--bottle-green) !important;
	font-weight: 600!important;
	padding: 10px
}

.dt-info
{
	font-weight:600!important
}

div.dt-scroll-body
{
	border:0!important
}

.dt-search input
{
	background: aliceblue;
}
.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
    background: var(--bottle-green);
    color: #ffffff !important;
}
.dataTables_paginate, #notificationtableuser_info{
	margin: 15px 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
	
	border:2px solid #d2dfe3!important
}

.dataTables_filter {
    margin: 0px 5px;
    margin-top:0px
}

.pagination {
	padding: 5px 15px;
	border: 0px;
	display: flex;
    justify-content: end;
  
}

div.dt-container div.dt-paging ul.pagination {
    /* margin: 2px 0; */
    margin-top: 0px !important;
}
.dt-buttons {
  margin-bottom: -30px;
  margin-top: 10px;
  }

.table-striped tbody tr:nth-of-type(odd) {
    background:var(-ngdr-light-datatable) !important;
}


.page-item.active .page-link{
    background-color: var(--ngdr-header-bg-color);
    border-color: var(--ngdr-leftpanel-border);
}

.btn-secondary
{
	/* background: linear-gradient(135deg, #1a3a52 0%, #2c5364 100%); */
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
	color: #fff;
	font-weight: 600;
	border: 1px solid #fff;
	border-radius: 10px!important;
	box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
/*	padding: 0.75rem 1.25rem!important;*/
	font-size: 0.9rem!important;
}

/* width */
::-webkit-scrollbar {
	width: 6px;
	height: 10px;
	margin-left: 7px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #022326;
	border-radius: 7px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgb(0 25 26);
	border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	/* background: #b30000; */
}