﻿
.table-row-selected {
  background-color: RGBA(140,112,219,0.2) !important;
  /*color: white !important;*/
}

  .table-row-selected > td {
    background-color: inherit !important;
    /*color: inherit !important;*/
  }

.table-row-disabled {
  background-color: rgba(182, 182, 182, 0.25) !important;
  font-style: italic;
}

  .table-row-disabled > td {
    font-size: small;
  }


.bck-state-Active {
  background-color: rgba(0, 180, 0, 0.08) !important;
}

.bck-state-Deactivated {
  background-color: rgba(200, 190, 0, 0.08) !important;
}

.bck-state-Removed {
  background-color: rgba(180, 0, 0, 0.08) !important;
}

.bck-state-True {
  background-color: rgba(0, 180, 0, 0.08) !important;
}

.bck-state-False {
  background-color: rgba(180, 0, 0, 0.08) !important;
}


.bck-device-Communicator {
  background-color: rgba(0, 130, 255, 0.08) !important;
}

.bck-state-2-Active {
  background-color: rgba(0, 180, 0, 0.25) !important;
}

.bck-state-2-Deactivated {
  background-color: rgba(200, 190, 0, 0.25) !important;
}

.bck-state-2-Removed {
  background-color: rgba(180, 0, 0, 0.25) !important;
}

.bck-dark-trans-2 {
  background-color: rgba(100,100,100, 0.2);
  /*color: white;*/
}

.bck-td-detail {
  background-color: rgba(48, 0, 93, 0.1);
}

.mud-table-root .mud-table-head > :nth-child(1) > th,
.mud-simple-table.table-list thead > :nth-child(1) > th {
  font-weight: bold;
}

/*
.mud-simple-table.table-list thead > :nth-child(1) > th {
  font-weight: bold;
}
*/
.mud-simple-table.property-list tbody > tr > :nth-child(1) {
  font-weight: bold;
  width: 25%;
}

/*
.filterText > div > div > input {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
*/
th.filterTh {
  padding: 0 4px 0 4px !important;
}


.monitor-status-shape {
  margin: 4px;
  border-radius: 3px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  box-shadow: var(--mud-elevation-3);
}

.monitor-tooltip-bck {
  background-color: rgb(254, 254, 254) !important;
}

.monitor-theme-error {
  background: linear-gradient(120deg, rgba(220, 20, 16, 0.3), rgba(255, 49, 96, 0.5));
}

.monitor-theme-warning {
  color: black !important;
  background: linear-gradient(120deg, rgba(211, 210, 5, 0.3), rgba(249, 187, 17, 0.5));
}

.monitor-theme-info {
  background: linear-gradient(120deg, rgba(80, 180, 255, 0.3), rgba(20, 100, 255, 0.5));
}

.monitor-theme-ready {
  background: linear-gradient(120deg, rgba(90, 75, 220, 0.3), rgba(60, 45, 220, 0.5));
}

.monitor-theme-dark {
  background: linear-gradient(120deg, rgba(0, 0, 0, 0.6), rgba(100, 100, 100, 0.4));
  color: white !important;
}
  .monitor-theme-dark * {
    color: white !important;
  }

  .monitor-theme-warning > td {
    color: black !important;
  }

/*  .monitor-theme-warning * {
    color: black !important;
  }
*/

.monitor-theme-success {
  background: linear-gradient(120deg, rgba(66, 154, 67, 0.3), rgba(111, 183, 87, 0.5));
}
  .monitor-theme-success > td {
    color: white !important;
  }

.monitor-theme-special {
  background: linear-gradient(120deg, rgba(230, 240, 130, 0.3), rgba(160, 180, 0, 0.5));
}

.monitor-theme-bluespec {
  background: linear-gradient(120deg, rgba(120, 140, 150, 0.3), rgba(40, 100, 130, 0.5));
}

.monitor-theme-location {
  color: white !important;
  background: linear-gradient(120deg, rgba(30, 30, 30, 0.8), rgba(0, 0, 0, 0.4));
}


.monitor-device-selected-light {
  border-left: solid 5px;
  border-right: solid 5px;
  border-color: black;
}

.monitor-device-selected-dark {
  border-left: solid 5px;
  border-right: solid 5px;
  border-color: rgba(255, 240, 0, 0.6);
}

.monitor-theme-tooltip {
  color: white;
  background: linear-gradient(90deg, rgba(20,20,20,0.2), rgba(10,10,10,0.6));
}

.sButton {
  position: absolute;
  float: right;
  right: 0px;
  top: 0px;
}

.quickFiltered tbody td .sButton.OnlyHover {
  visibility: hidden;
}

.quickFiltered tbody td:hover .sButton.OnlyHover {
  visibility: visible;
}

.dButton {
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  background-color:rgba(100,100,100, 0.7);
}

.quickAction .device-status .dButton.OnlyHover {
  visibility: hidden;
}

.quickAction .device-status:hover .dButton.OnlyHover {
  visibility: visible;
}

.asbutton:hover {
  cursor: pointer;
}

.aslink:hover {
  cursor: pointer;
  text-decoration: underline;
}

.info-result-count {
  padding: 2px 10px 2px 10px;
  border-radius: 3px;
}