table .btn.dropdown-toggle {
	padding: 4px 19px
}

table .btn-group {
	padding: 5px;
	width: 100%;
	text-align: center
}

table tr td .dropdown-menu {
	box-shadow: 0 0 5px #d3d3d3
}

.breadcrumb.breadcrumb-title {
	display: flex;
	align-items: center
}

.dataTable.table td,
.dataTable.table th {
	padding: 8px
}

table {
	font-size: 11px;
	text-align: center
}

table th {
	text-transform: capitalize
}

select[readonly] + .select2 {
    pointer-events: none !important;
}

select[readonly] + .select2 .select2-selection {
    background-color: #e9ecef !important; /* Light grey background */
    color: #6c757d !important;             /* Optional: grey text */
    cursor: not-allowed !important;        /* Optional: not-allowed cursor */
}


table+div.dataTables_info{display:none !important;}

table td:has(input),
table td:has(select),
table td:has(textarea),
table tr td:last-child:has(button.btn) {
	padding: 2px !important
}

.select2-container--default .select2-selection--single,
select#customer_name+span.select2+span.input-group-append,
table td input,
table td select+span.select2,
table td select.form-control:not([size]):not([multiple]) {
	height: 33px
}

.form-control:focus {
	box-shadow: 0 0 0 1px rgba(0, 123, 255, .25)
}

.form-group .col-sm-4 {
	margin-bottom: 1.25em
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #6a6a6a;
	line-height: 100%;
	height: 100%;
	background: #fefefe
}

.selection--single .select2-selection__arrow b {
	border-color: #dbdbdb transparent transparent transparent
}

.select2-selection.select2-selection--single {
	overflow: hidden
}

select#customer_name+span.select2 {
	min-width: 88%;
	max-width: 90%
}

select#customer_name+span.select2+span.input-group-append {
	min-width: 10%;
	max-width: 10%
}

.select2-container--default .select2-selection--multiple .select2-selection__choice span {
	color: #ff6565
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: #091a79
}

.select2-container--default .select2-selection--multiple {
	padding: 0
}

.input-group-append .input-group-text {
	padding: .283rem .75rem
}

.btn i {
	margin-right: 2px
}

table input {
	width: 100%
}

table th input[type=checkbox] {
	outline: 1px solid #fff
}

table input[type=checkbox] {
	width: 15px;
	min-width: 15px;
	display: inline-block;
	aspect-ratio: 1;
	accent-color: rgb(51 158 158)
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

.customer-account-profile img {
	border: 1px solid #7b7b7b;
	border-radius: 10px;
	box-shadow: 1px 1px 0 #a8a8a8;
	background: #fffef6
}

.customer-account-profile .customer-name {
	font-size: 18px;
	color: #252525;
	margin: 0;
	font-weight: 600
}

.customer-account-profile .customer-nos {
	font-size: 16px;
	color: #6d6d6d
}

.form-control,
input[type=button],
input[type=color],
input[type=date],
input[type=datetime-loca],
input[type=email],
input[type=file],
input[type=hidden],
input[type=image],
input[type=month],
input[type=number],
input[type=password],
input[type=radio],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
	border: 1px solid #ccc;
	box-shadow: 1px 1px 0 #ccc;
	border-radius: 5px
}

.form-control.shadow-0 {
	border: 1px solid #bebebe;
	box-shadow: none
}

@media screen and (max-width:765px) {

	.card .card-block,
	.card-block,
	.p-0-xs {
		padding: 0
	}
}

table label {
	margin: 0;
	padding-inline: 5px;
	user-select: none
}

.table-responsive .row {
	margin: 0
}

.text-theme {
	color: #296bad
}

.text-yellow {
	color: #9e9e00
}

table.dataTable thead td,
table.dataTable thead th {
	border-bottom: 1px solid #dee2e6
}

table {
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	box-shadow: 1px 2px 10px 0 #ececec
}

table.dataTable thead .sorting {
	background-image: none
}

.card .card-header {
	padding: 2px 20px
}

.pcoded-navbar .nav-list a.active {
	color: #00b7ff !important
}

thead {
	background-color: #b4d6e1c9;
	color: #004d7b
}

.dataTables_wrapper .row .col-sm-12 .pull-right .dt-buttons .btn-primary {
	background-color: #005da8
}

.dataTables_wrapper .row .col-sm-12 .pull-right .dt-buttons .dt-button {
	padding: 5px 7px;
	border: none;
	color: #fff
}

.dataTables_wrapper .row .col-sm-12 .pull-right:has(.dataTables_filter) {
	order: 11
}

.dataTables_wrapper .row .col-sm-12 {
	display: flex;
	justify-content: space-between
}

table {
	overflow: visible !important
}

.required,
[required],
[required]+.select2 {
	border-left: 2px solid #ff3f3f !important
}

body {
	font-family: quicksand, sans-serif
}


select[readonly] {
	pointer-events: none !important;
}

/* add this style on custome css that i sent  */


/* Target ColVis dropdown menu text */
div.dt-button-collection .dt-button {
	color: #000 !important;
	/* black text */
}

/* Optional: background color for better visibility */
/*div.dt-button-collection {*/
/*	background-color: #fff !important;*/
/*	border: 1px solid #ccc;*/
/*}*/