body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#chartdiv {
  width: 100%;
  height: 250px;
}

.tableHead {
  overflow-wrap: normal !important;
}

.css-1ygcj2i-MuiTableCell-root {
  width: 11%;
  text-align: center !important;
}

.css-1ex1afd-MuiTableCell-root {
  text-align: center !important;
}

.active {
  background-color: rgb(42, 207, 53);
  color: white;
  padding: 7px !important;
  border-radius: 5px;
}

.idle {
  background-color: rgb(240, 206, 55);
  color: white;
  padding: 7px !important;
  border-radius: 5px;
}

.sleep {
  background-color: rgb(246, 129, 71);
  color: white;
  padding: 7px !important;
  border-radius: 5px;
}

.Login {
  background-color: rgb(29, 42, 183);
  color: white;
  padding: 7px !important;
  border-radius: 5px;
}

.Logout {
  background-color: rgb(229, 67, 67);
  color: white;
  padding: 7px !important;
  border-radius: 5px;
}


.inputField {
  max-width: 45px;
  padding: 0px;

}

.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0px 30px;
}

.tablePagination {
  padding: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}


.element {
  padding: 12px 15px;
}

.element:hover {
  background-color: rgb(246, 246, 246);
}

.app-name-popop {
  text-decoration: underline;
}

.app-name-popop:hover {
  text-decoration: none;
}


.bodyScroll {
  overflow-x: scroll;
  display: block !important ;
  height: calc(100vh - 300px);
  min-height: 250px;
  text-align: center;
}


.table-container-outer td {
  width: 1%;
}

table {
  table-layout: fixed;
}



td, th{
  width: 14.28% !important;

}


.serial , .serial th{
  width: 3% !important;
}

.padding-custom{
  padding: 4px !important
}

.close-screenshot-button {
  box-shadow: 0px 0px 5px #332b2b;
  background: #474343;
  color: #d7cfcf;
  border-radius: 25px;
  padding: 2px;
  height: 10px;
}

.icon-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.icon-button:focus {
  outline: 2px solid #1976d2; /* visible focus */
  border-radius: 4px;
}

.app-name-popup{
  background-color: transparent;
  border: none;
}