/* processing panel */

@keyframes pulse {
  50% {
    background: #e7e7e7;
  }
}
@media (min-width: 1500px) {
  #events {
    padding: 0 7%;
  }
  #events-block,
  #diagnosis {
    padding: 0 7%;
  }
  .padded-view {
    padding: 0 7%;
  }
}

td.details-control {
  background: url(../icons/details_open.png) no-repeat center center;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url(../icons/details_close.png) no-repeat center center;
}

#wheel_events_table_processing {
  font-size: 1rem;
  padding-top: 6px;
  background: #f8f9fa;
  animation: pulse 1500ms infinite;
  margin: 0;
  transform: translateX(-50%);
}
.events-table-col-datetime {
  min-width: 180px;
  width: auto !important;
}
.events-table-col-desc {
  min-width: 200px;
  width: auto !important;
}
.events-table-col-name {
  width: auto !important;
}
#wheel_events_table {
  width: 100% !important;
}

#vue_events_table {
  width: 100% !important;
}

.cluster_events_table {
  width: 100% !important;
}

#events-types {
  display: flex;
}
.events-archive__title {
  margin-left: 0;
}
.events-top-controllers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.events-page-info {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.events-page-info-vue {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.events-page-info label {
  display: flex;
}
.events-page-info select {
  margin: 0 5px;
  padding-top: 0;
  padding-bottom: 0;
  height: 1.6rem !important;
}
#wheel_events_table_paginate {
  float: none;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}