default.css

body {
  padding: 5px 20px;
}

.ec2instances .page-header {
  margin-top: 0;
  border-bottom: 0;
}

.dataTables_filter {
  float: right;
}

#menu {
  margin-bottom: 10px;
}

#filters {
  margin-bottom: 10px;
  /* float so that the search input from the data table below can share the same 'row' as the filters */
  float: left !important;
  min-width: 600px;
}

#data {
  margin-top: 10px;
  clear: both;
}

#data a {
  color: #333;
  text-decoration: underline;
}

#data tr {
  background-color: white;
  cursor: pointer;
}

#data tr.highlight, #data tr.highlight:hover {
  background-color: #D3FFFF;
}

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

#data th {
  background-color: #eee;
}

#data th input[type="text"] {
  width: 100%;
}

#data td {
  font-size: 13px;
}

#data td.name {
  text-align: left;
}

#data td.memory {
  text-align: right;
}

#data td.computeunits {
  text-align: left;
}

#data td.storage {
  text-align: right;
}

#data td.architecture {
  text-align: right;
}

#data td.ioperf {
  text-align: left;
}

#data td.maxips {
  text-align: right;
}

#data td.maxenis {
  text-align: right;
}

#data td.apiname {
  text-align: left;
}

/* Bootstrap overrides */
.dropdown-menu .active a {
  color: #fff !important;
}

.dropdown-menu li > a:hover {
  background: #0044cc !important;
}

.share-url {
  text-align: left;
  margin-left: 5px;
  margin-bottom: 0px !important;
}

.btn-sm {
  height: 26px;
  padding: 3px 0px;
}

.well p:last-child {
  margin-bottom: 0;
}

/* DataTables: http://datatables.net/blog/Twitter_Bootstrap_2 */
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
}

table.table thead .sorting { background: url('datatables/images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('datatables/images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('datatables/images/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('datatables/images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('datatables/images/sort_desc_disabled.png') no-repeat center right; }

/* This class is applied to the DataTables search box by our own code once it renders */
input.search {
  margin-left: 5px;
  width: 150px;
  display: inline;
}

/* Bootstrap overrides *******************************************************/
.tooltip-inner {
  /* let text wrap in tooltips */
  white-space: pre-wrap;
}

.form-label {
  font-weight: 600; /* Make labels bold */
  color: #333; /* Dark color for better readability */
  margin-bottom: 0.5rem; /* Spacing below the label */
}

.form-control {
  border-radius: 0.25rem; /* Slightly rounded borders for inputs */
  border: 1px solid #ced4da; /* Subtle border color */
}

.form-control:focus {
  border-color: #80bdff; /* Highlight color when focused */
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Subtle glow effect on focus */
}

/* Spacing and alignment improvements */
.row {
  margin-right: 0; /* Ensuring right alignment with no external margin */
  margin-left: 0; /* Ensuring left alignment with no external margin */
}

.col-lg-12 {
  padding-right: 15px; /* Consistent padding on the right */
  padding-left: 15px; /* Consistent padding on the left */
}

.mb-3 {
  margin-bottom: 1rem !important; /* Consistent bottom margin for spacing */
}