#parts_table {
	display: none;
}


.fl-module-parts-list-module h2 {
	text-align: left;
	width: 100%;
	margin-bottom: 60px;
}

@media only screen and (max-width: 900px) {
	#parts_table {
		overflow: scroll;
	}



	.single-tri_project .filters label {
		width:30%;
		margin: 0;
		float:left;
	}

	.single-tri_project .filters select {
		width: 65%;
	    margin: 0;
	    float: left;
	    margin-left: 2%;
	    border: 1px solid white;
	    margin-bottom: 10px;
	    padding-top: 5px;
	    margin-top: 8px;
	}
	.single-tri_project #heading-product.filters {
		padding-bottom: 10px;
	}
	#table_data_filter input {
		border: 1px solid #000;
	}
}

div.dt-container div.dt-length select{
	height: 42px;
}

#parts_table{
	width: 100%;
}

#parts_tables #table_data th {
	background-color: #d9edf7;
}

#parts_table .dataTables_length {
	display: none;
}

#heading-product.filters {
	margin-bottom: 60px;
}

#parts_table .inquire {
	color: #2E3D4B;
	background: #fdbd04;
	padding: 4px 10px;
	border-radius: 5px;
	font-weight: 800;
	font-size: 10px;
	display: inline;
	width: auto;
	text-align: center;
	margin: 0 auto;
}

#parts_table .inquire:hover {
	cursor: pointer;
	background: #00529b;
	color:#fff;
}

#parts_table .inquire b::before {
    content: "Inquire";
}

.filters h2 {
	float: left;
}

.filters > div {
	text-align: right;
	color: white;
}

.filters label,
.filters select {
	padding-top: 15px;
	margin-right: 20px;
}

.filters select {
	min-width: 120px;
}


.dashicons-star-filled {
	color: #fdbd04;
}

#parts_table .fav {
	text-align: center;
}

#parts_table .fav b {
	opacity: 0;
}

#parts_table .fav:hover {
	cursor: pointer;
}

#parts_table.favorites {
	margin-top: 60px;
}

#parts_table tr th:nth-child(4),
#parts_table tr th:nth-child(5),
#parts_table tr th:nth-child(6),
#parts_table tr td:nth-child(4),
#parts_table tr td:nth-child(5),
#parts_table tr td:nth-child(6) {
	text-align: center;
}


table#table_data th{
	border:none;
	background-color: #223444;
	color: white;
	font-size: 14px;
	text-align: left;
}

table#table_data tr, table#table_data td{
	color: #464646;
	font-size: 16px;
}

table#table_data tr{
	border: none;
}

table#table_data tr:nth-child(odd) {
    background-color: #F4F5F6;
}

table#table_data tr:nth-child(even) {
    background-color: white;
}
 /* DataTables styling */
        #table_data_wrapper  .page-item a {
            background: none;
            background-color: white !important;
            color: #223444 !important;
            border-radius: 3px;
            border: none;
			padding: 14px 20px;
			text-decoration: none;;
			border: solid 1px #DDDDDD;
			margin: 0 4px;
        }

        #table_data_wrapper  .page-item.active a, 
        #table_data_wrapper  .page-item a:hover,
        #table_data_wrapper  .page-item.active a:hover
         {
			padding: 14px 20px;
            background: none;
            background-color: #223444 !important;
            color: white !important;
            border: none;
			text-decoration: none;
        }

		#table_data_wrapper  .page-item.disabled{
			opacity: 0.3;
		}

        /* DataTables info styling */
        #table_data_wrapper .dt-info {
            font-size: 16px;
            font-weight: bold;
			padding: 0;
        }
		
		div.dt-container div.dt-paging ul.pagination {
    display: flex;
    justify-content: flex-end;
}



/* Style the search input to match Bootstrap */
.dataTables_filter label {
    display: flex;
    align-items: center;
}

.dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* Desktop-specific margin adjustment */
@media only screen and (min-width: 992px) {
    .tablerow .col-md-10 {
        margin-top: -30px;
    }
}

.dataTables_filter{
	color: #ACB3B9;
	margin-bottom: 30px;
}



table#table_data {
    width: 100%;
    table-layout: fixed;
}

table#table_data th,
table#table_data td {
    white-space: nowrap;
}

table#table_data th {
    border: none;
    background-color: #223444;
    color: white;
    font-size: 14px;
    text-align: left;
}

table#table_data tr,
table#table_data td {
    font-size: 16px;
    border: none;
}

.tablerow .form-group label{
	font-size: 14px;
	color: #223444;
	font-weight: bold;
}

.form-control {
    padding-right: 1.75rem; /* Adjust the padding as needed */
    background-position: right 0.75rem center; /* Adjust the background position */
    background-repeat: no-repeat;
    background-size: 8px 10px; /* Adjust the size of the arrow */
}

.form-control, .form-control select, .form-control input{
	border: solid 1px #495057;
	color: #495057;
}

.dt-search {
    text-align: right; /* Align the text to the right */
}

div.dt-container div.dt-search label{
	display: none;
}

.dt-search input{
	padding: 20px;
	border: solid 1px #a5a5a5;
	color: #a5a5a5;
}

.dt-search input::placeholder{
	color: #a5a5a5;
}

.dt-empty {
    text-align: center;
    width: 100%;
    display: table-cell;
    padding: 20px 0; /* Optional: Add some padding for better appearance */
    background-color: white; /* Ensure background color matches the table */
}

#table_data thead, #table_data tbody{
	display: inline-table;
}

#table_data {
	width: 100%;
}

#table_data td, #table_data th{
	height: 50px;
	vertical-align: middle;
}

#table_data th:nth-child(1), #table_data td:nth-child(1) {
	width: 5%;
}
#table_data th:nth-child(2), #table_data td:nth-child(2) {
	width: 25%;
}
#table_data th:nth-child(3), #table_data td:nth-child(3) {
	width: 40%;
}
#table_data th:nth-child(4), #table_data td:nth-child(4) {
	width: 15%;
}

span.dt-column-order::before, span.dt-column-order::after{
	color: #fdbd04;
}