dashboard {
  height: 100%;
  display: block;
}
dashboard homestats {
  display: inherit;
}
.flag-control {
  margin-right: 10px;
  border: 1px solid #bbb;
  width: 35px;
  height: 20px;
  margin: 2px 10px;
}
.flag-control:focus {
  outline: none;
}
.flag-control.flagged {
  background-color: red;
}
.excel-icon {
  margin-bottom: 3px;
}
.excel-icon i {
  font-size: 20px;
}
.multi-action-list .disabled i {
  color: #b0b1b2 !important;
}
i.notification-bar {
  color: white;
  height: 26px;
}
@media (max-width: 959px) {
  i.notification-bar {
    height: 28px;
  }
}
[data-badge] {
  position: relative;
}
[data-badge]:after {
  position: absolute;
  right: -10px;
  top: -5px;
  min-width: 10px;
  min-height: 10px;
  line-height: 9px;
  padding: 1px;
  color: #fff;
  background-color: #bf1f1f;
  font-size: 10px;
  border-radius: 20px;
  content: attr(data-badge);
  border: solid 1px #c93a3a;
}
.notification-type {
  background-color: #2196F3;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: white;
  border-radius: 3px 0;
  letter-spacing: 2px;
}
.resolve-btn {
  color: green;
}
.reject-btn {
  color: red;
}
/*.md-virtual-repeat-container .md-virtual-repeat-offsetter {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
}*/
.admin-fa .icon-action-loader {
  margin-top: 2px !important;
}
.admin-fa .fa-file-excel-o {
  display: block;
  font-size: 20px;
  margin-top: 2px;
}
.text-center {
  text-align: center!important;
}
/* Custom styles for the Diagnostics - vehicle activity migration stats section */
.stats-span:not(:last-child) {
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.stats-table {
  border-collapse: collapse;
  /* Adjusted for border styling */
  border-spacing: 0;
  /* Remove spacing to allow borders to connect */
  border: 1px solid grey;
  /* Nice border around the table */
  width: 50%;
  /* Optional: Makes the table use the full width */
  margin-top: 10px;
  /* Optional: Adds space above the table */
  margin-bottom: 10px;
  /* Optional: Adds space below the table */
}
.stats-table td {
  padding: 5px 10px;
  /* Adjust padding as needed */
  border: 1px solid grey;
  /* Nice border around each cell/header */
}
.stats-table th {
  padding: 5px 10px;
  /* Adjust padding as needed */
  border: 1px solid grey;
  /* Nice border around each header cell */
  background-color: #007bff;
  /* Different background color for header */
  color: #ffffff;
  /* White text color for better readability */
}
.stats-table tr:nth-child(odd) {
  background-color: #f2f2f2;
  /* Light gray for odd rows */
}
.stats-table tr:nth-child(even) {
  background-color: #ffffff;
  /* White for even rows */
}
.progress-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  /* Adjust based on your needs */
}
.progress-bar {
  width: 100%;
  /* Ensure the progress bar fills the container */
  height: 20px !important;
  /* Adjust based on your needs */
}
.progress-bar div {
  width: 100%;
  /* Ensure the progress bar fills the container */
  height: 20px!important;
  /* Adjust based on your needs */
}
.progress-text {
  position: absolute;
  width: 100%;
  text-align: center;
  color: black;
  /* Choose a color that contrasts well with your progress bar */
  font-weight: bold;
  /* Optional: Make the text bold */
}
.traffic-light {
  width: 20px;
  height: 20px;
  border-radius: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
.light {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #bbb;
  margin: 2px 0;
}
.light.red {
  background-color: #f44336;
}
.light.yellow {
  background-color: #ffeb3b;
  animation: blink 4s linear infinite;
}
.light.orange {
  background-color: darkorange;
  animation: blink 4s linear infinite;
}
.light.green {
  background-color: #4caf50;
}
.light.grey {
  background-color: #9e9e9e;
  animation: blink 2s linear infinite;
}
.light.blue {
  background-color: dodgerblue;
}
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.custom-dialog md-toolbar {
  min-height: 45px;
  /* Adjust this value to change the toolbar height */
}
.custom-dialog md-toolbar .md-toolbar-tools {
  min-height: 0;
  height: 45px;
}
.status-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* Align items vertically in the center */
  -ms-flex-pack: start;
      justify-content: flex-start;
  /* Align items to the start of the container */
  border-style: none !important;
}
.slider-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  /* Align vertically */
}
.slider-value {
  margin-left: 10px;
  /* Adjust spacing to the right of the slider */
}
.custom-slider .md-track {
  height: 8px;
  /* Increase track thickness */
  background-color: #2196f3;
  /* Change track color */
}
.custom-slider .md-track-container {
  height: 8px;
  /* Ensure container matches track height */
}
.custom-slider .md-thumb {
  height: 20px;
  /* Increase thumb size */
  width: 20px;
  /* Increase thumb size */
  background-color: #FF5722;
  /* Change thumb color */
  margin-top: 3px;
  /* Adjust thumb position to align with the track */
}
.custom-slider .md-thumb:after {
  background-color: #FF5722;
  /* Change the ripple effect color */
}
.migration-dialog-content .md-block {
  margin-bottom: 8px;
  /* Adjust this value as needed */
}
.migration-dialog-content .md-block {
  margin-bottom: 8px;
  /* Reduced spacing between rows */
}
.migration-dialog-input-container {
  margin: 0px;
  padding: 0px;
}
.md-cell-reduced-padding {
  padding: 0 30px 0 0 !important;
}
.error-icon {
  color: red;
  /* Change this to the desired color */
  font-size: 25px;
  margin-left: 4px;
  vertical-align: middle;
  cursor: pointer !important;
}
.retry-button {
  background: none;
  border: none;
  color: blue;
  /* Change this to the desired color */
  cursor: pointer;
}
.retry-button .material-icons {
  vertical-align: middle;
  font-size: 20px;
  margin-left: 4px;
  cursor: pointer !important;
}
.reprocess-error-panel {
  max-width: 500px;
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  padding: 10px;
}