table.dataTable>tbody>tr:hover td {
    background-color: #e9fbff;
}

div.dt-container .dt-search input {
    text-align: left;
}
select.form-select.input-group-text {
    height: 40px;
    background: #f5f6fa;
    width: fit-content;
    font-size: 15px;
    line-height: 1.2; 
    border-top-right-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}
.sidebar-logo img {
    height: 65px !important;
}
.dashboard-main.active {
    margin-inline-start: 0px!important;
}
.sidebar.active { 
	left: -300px!important;
}
.modal_container {
	text-align: center;
	width: 100%;
	height: 100%;
	background: #000000cf;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 99999;
}
.modal_content {
	 
	height: 450px;

	padding: 20px;
	background: #fff;
	overflow: hidden;
	overflow-y: scroll;
	margin: auto;
	margin-top: 0px;  
	text-align: justify;
	border-bottom-right-radius:15px!important;
	border-bottom-left-radius:15px!important; 
}
.modal_title {
	margin: 80px auto 0px auto;
	padding: 0px; 
	text-align:right;
}
.modal_container{
	display: none;
}
button.btn_close {
      color: #ffffff00;
	margin-top: 0px;
	margin-left: -38px;
	position: absolute;
	border-radius: 50px;
	border: 1px solid #fff;
	padding: 10px;
	box-shadow: 0 0 2px 3px #cdcdcd;
}
.modal_title_text{
	font-size: 24px;
	background: #fff;
	margin: 0px auto 0px auto;
	padding: 20px 30px 10px 20px; 
	line-height: 1.3;
	border-bottom: 1px solid #f1f1f1;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}

.modal_content,
.modal_title,
.modal_title_text,
.modal_content {
	width: 768px;
}

.demobutton {
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	background: #009401;
	opacity: 1;
	padding: 10px 25px;
	color: #fff;
}

.imgThumbnail{
	width: 200px;
	height: 200px; 
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.dt-layout-row,
.dt-layout-cell,
#dataTable,
div#dataTable_wrapper{
	width: 100%!important;
	max-width: 100%!important;
	min-width: 100%!important;
	display: block !important;

}
.item_name{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 15px;
}


[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: rgb(59 73 96);
}

[data-theme=dark] .table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-bg-type: rgb(54 66 88);
}
[data-theme=dark] .table>:not(caption)>*>*{
	border-bottom-width: 0;
	border-top-width: 0;
}
[data-theme=dark] table.dataTable>tbody>tr:hover td {
    background-color: #1c2432;
}
[data-theme=dark] select.form-select.input-group-text {
    background: #1c2431;
}




@media (max-width: 1024px) { 

	table.dataTable{
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		display: block !important;
	}

}

@media (max-width: 520px) {

	.card, .card-body, .container, .row.data-list, .col, div#dataTable_wrapper, .dt-layout-row.dt-layout-table, .dt-layout-cell, tbody {
	    margin: 0 !important;
	    padding: 0 !important;
	}

	table#dataTable {
	    margin: 0 !important;
	    padding: 0 !important;
	    width: 100% !important;
	    max-width: 100% !important;
	    min-width: 100% !important;
	    display: block !important;
	}

	tr, th, td {
	    display: block;
	    width: 100%;
	}

	th,
	thead.table-dark {
	    display: none;
	    overflow:hidden; 
	} 
	tbody, thead.table-dark {
	    display: block;
	    width: 100%;
	}

	td div.imgThumbnail,
	td img {
	    display: block;
	    width: 100% !important;
	    height: auto !important;
	    line-height: 1.3;
	}

	.d-flex.flex-wrap.align-items-center.justify-content-between.gap-3.mb-24,
	.dt-layout-row {
	    padding: 20px;
	}
	.item_product{
		margin-bottom: 30px;
	}
	.modal_content{
		height: 450px !important;
	}


	div.dt-container .dt-paging .dt-paging-button,
	div.dt-container .dt-paging .ellipsis,
	div.dt-container .dt-paging .dt-paging-button,
	div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last),
	div.dt-container .dt-paging .dt-paging-button:hover, 
	div.dt-container .dt-paging .dt-paging-button.current,
	div.dt-container .dt-paging .dt-paging-button.disabled, 
	div.dt-container .dt-paging .dt-paging-button.disabled:hover, 
	div.dt-container .dt-paging .dt-paging-button.disabled:active{
		display: inline-block !important; 
		width: 80px !important;
		height: 56px !important;
		margin: 10px !important;
		border: 1px solid #f1f1f1 !important;
		background: #f9f9f9;
	}

	.dt-layout-row,
	.dt-layout-cell, 
	.dt-paging{
		display: block !important; 
	}

	.basic-data-table .dt-layout-row .dt-search{
		text-align: left;
		display: block;
	}


}