.card-primary {
	border: 1px solid black;
}

.dataTables_filter {
	display: none;
}

.flatpickr {
	background-color: white;
}

table {
	counter-reset: tableCount;
}

.counterCell::before {
	counter-increment: tableCount;
	content: counter(tableCount);
}

/* .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
  } */

  /* .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 9999;
  } */
  /* .relative-position {
	position: relative;
  } */
  
  
  .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 2;
  }
  
  .custom-spinner {
	width: 2rem; /* Set desired width */
	height: 2rem; /* Set desired height */
  }
  
  /* Remove border from the spinner */
  .custom-spinner .spinner-border {
	border: none;
  }
  .spinner {
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top: 4px solid #fff;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

 /* Customize the pagination component */
 #pagiRecord .pagination {
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: center;
	align-items: center;
 }

 #pagiRecord .page-item {
	margin: 0;
	padding: 0;
 }

 #pagiRecord .page-link {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	text-decoration: none;
	/* color: #333;
	background-color: #fff; 
	border: 1px solid #ccc; */
	/* border-radius: 4px; */
	transition: background-color 0.3s, color 0.3s;
 }
 
 
 /* #pagiRecord .page-item.active .page-link {
	background-color: #8b8b8b; 
	color: #fff; 
	border-color: #8b8b8b; 
 } */

 /* .page-item.active .page-link:hover {
	border-color: #8b8b8b;
 } */
 /* #pagiRecord .page-link:focus {
	outline-color: #8b8b8b; 
 } */
 
 /* #pagiRecord .page-item.disabled .page-link {
	background-color: #f5f5f5; 
	color: #515151; 
	border-color: #ccc; 
	cursor: not-allowed;
 }  */

 #pagiRecord .pagination .page-link {
	cursor: default;
 }
 
 /* #pagiRecord .page-link:hover {
	color: black; 
	background-color: #c0c0c0; 
 } */


 .striped-row {
	background-color: #f5f5f5; 
 }

 .custom-badge-danger {
	background-color: #f8ccc8; 
	color: black; 
}
 .custom-badge-warning {
	background-color: #fceec9; 
	color: red; 
}

.bg-dark-blue-custom {
	background-color: #03366f;
	color: #fff; 
	
 }
 
 .bg-dark-blue-gradient {
	background-image: linear-gradient(to right, #03366f, #001122);
	color: #fff; 
 }
 
 /*------------------------------------
 - COLOR dblue
 ------------------------------------*/
.alert-dblue {
	color: #000000;
	background-color: #4499f9;
	border-color: #308ff9;
 }
 .alert-dblue hr {
	border-top-color: #1781f8;
 }
 .alert-dblue .alert-link {
	color: #000000;
 }
 .badge-dblue {
	color: #fff;
	background-color: #03366f;
 }
 .badge-dblue[href]:hover, .badge-dblue[href]:focus {
	color: #fff;
	background-color: #011d3d;
 }
 .bg-dblue {
	background-color: #03366f !important;
 }
 a.bg-dblue:hover, a.bg-dblue:focus, button.bg-dblue:hover, button.bg-dblue:focus {
	background-color: #011d3d !important;
 }
 .border-dblue {
	border-color: #03366f !important;
 }
 .btn-dblue {
	color: #fff;
	background-color: #03366f;
	border-color: #03366f;
 }
 .btn-dblue:hover {
	color: #fff;
	background-color: #02254c;
	border-color: #011d3d;
 }
 .btn-dblue:focus, .btn-dblue.focus {
	box-shadow: 0 0 0 0.2rem rgba(3, 54, 111, 0.5);
 }
 .btn-dblue.disabled, .btn-dblue:disabled {
	color: #fff;
	background-color: #03366f;
	border-color: #03366f;
 }
 .btn-dblue:not(:disabled):not(.disabled):active, .btn-dblue:not(:disabled):not(.disabled).active, .show > .btn-dblue.dropdown-toggle {
	color: #fff;
	background-color: #011d3d;
	border-color: #01162e;
 }
 .btn-dblue:not(:disabled):not(.disabled):active:focus, .btn-dblue:not(:disabled):not(.disabled).active:focus, .show > .btn-dblue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(3, 54, 111, 0.5);
 }
 .btn-outline-dblue {
	color: #03366f;
	background-color: transparent;
	border-color: #03366f;
 }
 .btn-outline-dblue:hover {
	color: #fff;
	background-color: #03366f;
	border-color: #03366f;
 }
 .btn-outline-dblue:focus, .btn-outline-dblue.focus {
	box-shadow: 0 0 0 0.2rem rgba(3, 54, 111, 0.5);
 }
 .btn-outline-dblue.disabled, .btn-outline-dblue:disabled {
	color: #03366f;
	background-color: transparent;
 }
 .btn-outline-dblue:not(:disabled):not(.disabled):active, .btn-outline-dblue:not(:disabled):not(.disabled).active, .show > .btn-outline-dblue.dropdown-toggle {
	color: #fff;
	background-color: #03366f;
	border-color: #03366f;
 }
 .btn-outline-dblue:not(:disabled):not(.disabled):active:focus, .btn-outline-dblue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dblue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(3, 54, 111, 0.5);
 }
 .list-group-item-dblue {
	color: #000000;
	background-color: #308ff9;
 }
 .list-group-item-dblue.list-group-item-action:hover, .list-group-item-dblue.list-group-item-action:focus {
	color: #000000;
	background-color: #1781f8;
 }
 .list-group-item-dblue.list-group-item-action.active {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
 }
 .table-dblue, .table-dblue > th, .table-dblue > td {
	background-color: #308ff9;
 }
 .table-hover .table-dblue:hover {
	background-color: #1781f8;
 }
 .table-hover .table-dblue:hover > td, .table-hover .table-dblue:hover > th {
	background-color: #1781f8;
 }
 .text-dblue {
	color: #03366f !important;
 }
 a.text-dblue:hover, a.text-dblue:focus {
	color: #011d3d !important;
 }
 
 #vehicle:focus {
	border-color: #dc3545; 
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 
 }
   .right-x {
     position: absolute;
     right: 10px;
     /* Keeps button inside input */
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
     background: transparent;
     border: none;
     padding: 0;
 }