/* Global Font Family */
body, html {
  font-family: "Open Sans", "San Francisco", "-apple-system", "HelveticaNeue", helvetica, roboto, "droid serif", arial, sans-serif;
}

.container {
	width: 98%;
}

.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 2048px;
}

.table-borderless td,
.table-borderless th {
    border: 0;
}
.table-borderless{
	margin-left: -10px;
	margin-right: -10px;	
}

.tab-pane {
	padding-top: 10px;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.5rem rgba(97,149,239,0.5);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.5rem rgba(97,149,239,0.5);  
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-sm{
  margin-bottom: 5px;
}

.badge {
 margin: 0 5px 5px 0; 
}

table.dataTable {
  margin-top: 0px !important; 
}

.table thead{
  background-color: rgba(255, 255, 255, 0.8)
}


.hidden{
  display: none;
}

tr.selected {
  background-color: #ccc;
}


.throttle-sim  input{
  width:50px;
}

h4 {
  margin-top:15px;
}
/*
table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid grey;
}

td, th {
  margin: 0;
  border: 1px solid grey;
  white-space: nowrap;
  border-top-width: 0px;
}

div.table-holder {
  width: 100px;
  overflow-x: scroll;
  margin-left: 5em;
  overflow-y: visible;
  padding: 0;
}

.headcol {
  position: absolute;
  width: 5em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  margin-top: -1px;
 
}

.headcol:before {
  content: 'Row ';
}

.long {
  background: yellow;
  letter-spacing: 1em;
}*/

.form-group input[type="range"]{
  width: 100;
}

.headcol {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*overflow: ellipsis;*/
}

[v-cloak] {
  display: none;
}

/* Filter container styling */
.filter-container {
  background-color: #f8f9fa;
  margin-bottom: 20px;
}

.filter-container .form-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

.filter-container .form-group {
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
  align-items: center;
}

.filter-container .form-group label {
  margin-bottom: 0;
  white-space: nowrap;
  margin-right: 8px;
}

.filter-container .form-control,
.filter-container .select2-container {
  margin-right: 0;
}

.filter-container .select2-container {
  min-width: 220px;
}

.filter-container .select2-container .select2-selection {
  border-radius: 4px;
  border: 1px solid #ced4da;
}

.filter-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.filter-container .zip-chip {
  padding: 6px 10px;
  font-size: 0.875rem;
  border-radius: 4px;
  margin-left: 4px;
}