.table-dispositivo  {
  position: relative;
  flex-grow: 1;
  min-width: 492px;
  max-width: 1000px;
}

.table-hover{
  position: relative;
  top: 0rem;
  left: 0rem;
  height: 50px;
  width: 83%;
  display: flex; 
  background-color: #efefef;
  border-radius: 15px;
}

.table-button {
    max-width: 120px;
    position: relative;
    display: flex; 
    justify-content: center; 
    align-items: center; 
}

.listakreo .p-treetable td {
    display: flex; 
}

.table-name {
  overflow: hidden;       
  /* white-space: nowrap;   */  
  text-overflow: ellipsis;
  display: flex;
  flex-grow: 1;
  /* flex-wrap: wrap; */
  align-items: center;
  /* gap: 8px; */
  width: 100%;
  /* min-width: 120px; */
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

/* Se la larghezza della viewport è meno di 800px, nascondi il secondo IP */
@media (min-width: 801px) {
  .ip-info-2 {
    display: none;
  }
  .table-plc{
    width: 60%;
  }
}

/* Se la larghezza della viewport è meno di 800px, nascondi il secondo IP */
@media (max-width: 800px) {
  .ip-info-2 {
    display: none;
  }
  .table-plc{
    width: 70%;
  }
}

/* Se la larghezza della viewport è meno di 600px, nascondi anche il primo IP */
@media (max-width: 600px) {
  .ip-info-1 {
    display: none;
  }
  .table-plc{
    width: 80%;
  }
}

.table-plc{
  position: relative;
  top: 0rem;
  left: 0rem;
  height: 50px;
  display: flex; 
  background-color: #efefef;
  border-radius: 15px;
  margin-left: 60px;
}

.table-image {
    border-right: 2px solid #666;
    min-width: 50px;
    height: 42px;
    align-items: center;
    display: flex;
    justify-content: center;
  }

.table-props {
  display: flex;
  align-items: center;
  flex-wrap: wrap; 
  width: 100%;
}

/** BOTTONI VPN VNC **/
.table-actions {
  display: flex;
  align-items: center;
  justify-content:end; 
  flex-wrap: wrap; 
  max-width: 160px;
  min-width: 160px;
}

.p-button:focus {
  box-shadow: none !important;
}

.table-action {
  border: 0px solid #666;
  border-right: 2px solid #666;
  border-radius: 0px;
  max-width: 80px;
  min-width: 50px;
  width: 100%;
  height: 42px;
  padding: 0.75rem 1.25rem;
  display: flex; 
  align-items: center;
}

.smallInput {
  width: 150px;
}

.table-action-status {
  width: 32px;
  height: 32px;
  position: relative;
  border-radius: 100px;
  border: 2px solid #666666;
  z-index: 1;
}
/** BOTTONI VPN VNC **/



/** PALLA ONLINE STATUS OFFLINE **/

.table-status {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 100px;
  background-color: white;
  border: 2px solid #666666;
  z-index: 1;
  
}

.circle-container {
  display: flex;
  justify-content: center; 
  align-items: center; 
  min-width: 45px;
}

/** PALLA ONLINE STATUS OFFLINE **/


.SBackgroud {
  background-color: black; 
}

.SBorder {
  border: 4px solid #63cec1;
}

.SBorderCircle::before {
    border: 4px solid #63cec1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid #63cec1; 
    border-radius: 100px;
    clip-path: inset(0% 25% 0% 0%);
    transform: rotate(45deg);
}

.p-disabled,.p-component:disabled {
  opacity: 1;
}

.SFont {
  color: white !important;
}


.NOFont {
  color: black !important;
}

.SDashes{
  background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 0%);
}


.NODashes{
  background-image: linear-gradient(to right, #000 50%, rgba(255, 255, 255, 0) 0%);
}

.NBorder {
  border: 4px solid #666;
}

.RBorder {
  border-right: 2px solid #666;
}

.table-action-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.dashes {
  flex-grow: 1;
  margin: 0 0px;
  height: 100%;
  background-position: center center;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  display: flex;
  justify-content: center; 
  align-items: center; 
  width: 100%;
}

.attivo {
  background-color: #00ff00; 
}

.spento {
  background-color: #f1f1f1;
}

.errore {
  background-color: #ff0000;
}


.attivoBorder {
  background-color: #00ff00; 
  color: #666666;
}

.attesaBorder {
  background-color: #f7931e;
  color: #666666;
}

.spentoBorder {
  background-color: #dedede;
  color: #666666;
}

.erroreBorder {
  background-color: #ff0000;
  color: #666666;
}

.occupatoBorder {
  background-color: #3399cc !important;
  color: #666666;
}

.p-button:focus {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dffaf7, 0 1px 2px 0 rgb(0, 0, 0);
}

.listakreo .p-treetable .p-treetable-tbody > tr.p-highlight {
  background: #63cec234;
  color: white;
}

.listakreo .p-treetable .p-treetable-tbody > tr > td {
  text-align: left;
  border: 1px solid #dffaf7;
  border-width: 0 0 1px 0;
  padding: 0.8rem 0.5rem;
}

.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #dffaf7;
  border-color: #dffaf7;
}


/* .p-treetable .p-treetable-tbody > tr[aria-expanded="true"][aria-level="1"] .table-button::before {
  content: "";
  position: absolute;
  left: 35%;
  top: 23px;
  bottom: 0px;
  width: 25px;
  height: calc(3 * 153%);
  border-right: 4px solid #ff00eb !important;
  border-top: 4px solid #ff00eb !important;
  z-index: -1;
} */

.network3 {
  position: relative; /* Stabilisce il contesto di posizionamento */
  width: 4px; /* Assicurati che la larghezza sia sufficiente */
  min-height: 50px; /* Altezza minima per garantire visibilità */
}

.network2 {
  position: relative; /* Stabilisce il contesto di posizionamento */
  width: 4px; /* Assicurati che la larghezza sia sufficiente */
  min-height: 50px; /* Altezza minima per garantire visibilità */
}

.network1 {
  position: relative; /* Stabilisce il contesto di posizionamento */
  width: 4px; /* Assicurati che la larghezza sia sufficiente */
  min-height: 50px; /* Altezza minima per garantire visibilità */
}

.listakreo .p-treetable .p-treetable-tbody > tr[aria-expanded="true"] .network1::before {
  content: "";
  border: 2px solid #ff00eb !important;
  position: absolute;
  top: 40px;
  left: 20px;
  height: 21px;
}

.network2::before {
  content: "";
  border: 2px solid #ff00eb !important;
  position: absolute;
  top: -12px;
  left: 20px;
  height: 73px;
}

.network3::before {
  content: "";
  border: 2px solid #ff00eb !important;
  position: absolute;
  top: -12px;
  left: 20px;
  height: 35px;
}

.listakreo .p-treetable .p-treetable-tbody > tr[aria-expanded="false"][aria-level="1"] .table-button::before {
  content: "";
  position: absolute;
  left: 35%;
  top: 23px;
  bottom: 0px;
  width: 25px;
  height: 153%;
  border-right: 0px solid #ff00eb !important;
  border-top: 0px solid #ff00eb !important;
}

.listakreo .p-treetable .p-treetable-tbody > tr[aria-level="2"] > td > .table-button::before {
  content: "";
  position: absolute;
  left: 24%;
  top: -52px;
  bottom: 0px;
  width: 70px;
  height: 150%;
  border-left: 0px solid #ff00eb !important;
  border-bottom: 4px solid #ff00eb !important;
}

.listakreo .p-treetable .p-treetable-tbody > tr[aria-level="3"] > td > .table-button::before {
  content: "";
  position: absolute;
  left: 87%;
  top: -50px;
  bottom: 0px;
  width: 68px;
  height: 146%;
  border-left: 4px solid #ff00eb;
  border-bottom: 4px solid #ff00eb;
}

.ml-5 {
  margin-left: 30px;
}

.ml-4 {
  margin-left: 15px;
}

.mr-4 {
  margin-right: 15px;
}

.listakreo .p-treetable .p-treetable-tbody > tr {
  background: transparent;
}

.listakreo .p-treetable-thead {
  display: none;
}

.p-tabview-nav-link {
  background-color: rgb(179, 179, 179);
  color: #fff;
  border-left: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 1px solid #fff;
  border-top: 2px solid #fff;
  border-radius: 0px;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.p-tabview .p-tabview-nav {
  background: rgb(179, 179, 179);
  border: 0px solid #e5e7eb;
  border-width: 0 0 0 0;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #63cec1;
  color: #fff;
  border: 0px solid #fff;
  border-radius: 0px;
}

.p-tabview-ink-bar {
  background-color: #63cec1;
  height: 0px;
}

.p-tabview .p-tabview-panels {
  padding: 0rem;
}

.listakreo .p-treetable > .p-treetable-wrapper {
  height: 100%;
  padding-bottom: 50px;
}