tbody {
		--bs-table-color: #47536d !important;
}
.data_table_head{
		--bs-table-bg:#47536d;
		--bs-table-color:#ffffff;
}

.styled-data-table tbody tr.table-danger:hover td,
.dt-container table tbody tr.table-danger:hover th {
	background-color: rgba(109, 15, 15, 0.8) !important;
}

.styled-data-table tr:first-child th:first-child {
		border-radius: 10px 0 0 0 !important;
}
.styled-data-table tr:first-child th:last-child {
		border-radius: 0 10px 0 0 !important;
}
.styled-data-table{
		border-collapse:collapse !important;
		border-style: hidden !important;
		font-size : 14px !important;   
}
.styled-data-table td{
		border: 1px solid #edeef1;
		text-align:center;
		overflow-wrap: break-word !important;
		max-width: 150px;
		white-space: normal !important;
}
.styled-data-table th{
		border: 1px solid #edeef1 !important;
		overflow-wrap: break-word;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
} 

.dt-container .data-info{
		margin-bottom:5px !important;
		color:#57627a !important;
}

.dt-length select{
		display:none;
		border-radius: 5px;
		background-color: #47536d!important;
		color:#fff !important;
		border: none;
		padding: 10px;
	
}

.dt-container .dt-info{
	padding-left:0 !important;
	text-align: start;
}
.dt-container .dt-length{
	text-align: start;
}

.dt-container .dt-length select.form-select {
	border-radius: 5px;
	background-color: #47536d !important;
	color: #fff !important;
	border: none;
	padding-right: 2rem;
	appearance: none; 
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 14px;
}
.dt-container .dt-length select.form-select:focus {
	border-color: none !important;
	outline: 0;
	box-shadow: none !important;
}


#add-icon-row{
		font-size : 12px;    
	}
	.drag-icon{
		color : #455f9d;
		font-size : 20px;
	}
	

table.dataTable tbody th, td {
		text-align: center !important;
}
.stsHighlight{
		--bs-table-bg:#c6f6d5 !important;
}
#edit-confirm, #delete-confirm{
		color: #47536d;
}

.paginate_button.current,
#bottom-paginate .dt-paging-button.page-item.active, 
.dt-paging-button.current{
	background: #47536d!important;
	opacity: 0.9 !important;
	color:#fff !important;
	font-weight:800;
}

#bottom-paginate a,
#bottom-paginate button,
#bottom-paginate button:hover{
	background-color: #47536d!important;
	color:#fff !important;
	background: #47536d!important;
}
#bottom-paginate a:focus{
	box-shadow: none !important;
}



#bottom-paginate{
	float:right;
}
.stsHighlight{
		--bs-table-bg:#fed7d7 !important;
		--bs-table-color:#c63434 !important;
			
		}
.paginate_button{
		box-sizing:border-box;
		display:inline-block;
		min-width:1.5em;
		padding:0.5em 1em;
		margin-left:2px;
		text-align:center;
		text-decoration:none !important;
		cursor:pointer;
		color: #fff!important;
		background-color: #47536d!important;
		border-radius: 5px !important;
	}
	
	.dataTables_wrapper .dataTables_paginate .paginate_button {
			color: #fff !important;
	
	}
	
	.table-success td{
		background-color: rgba(45, 208, 113, 0.568) !important; 
		color: #47536d !important; 
	}
	.table-success:hover td{
		background-color: rgba(105, 163, 129, 0.8) !important; 
		color: #ffffff !important; 
	}
	
	.table-danger td{
		background-color: rgba(246, 0, 0, 0.4) !important; 
		color:#ffffff !important;
	}

.no-bordered-table td,
.no-bordered-table th{
	border:none !important;
}

#data_table_with_button_wrapper .dt-length, #data_table_with_button_wrapper .dt-length select{
	height: 100% !important;
}
#data_table_with_button_wrapper .dt-length select{
	padding: 0.5em 1em !important;
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
	border-radius: 2px !important;
	cursor: pointer !important;
	font-size: 0.88em !important;
	font-weight: 700 !important;
	margin-bottom: 0 !important; 
}
#data_table_with_button_wrapper .dt-buttons button{
	border-radius: 0px !important;
	background-color: #47536d !important;
	border-color: #47536d;
	color: #fff !important;
	margin-bottom: 0 !important; 
	font-weight: 700 !important;
}
div.dt-buttons > .dt-button:focus:not(.disabled), div.dt-buttons > div.dt-button-split .dt-button:focus:not(.disabled) {
	outline: 1px solid #316383 !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
    text-align: start !important;
  }
}

#bottom-paginate{
	margin-bottom: 1rem;
}