.live-viewer {
    width: 100%;
    height: 30px;
    background-color: rgb(229 240 180 / 53%);
    position: absolute;
    margin-left: 250px;
    color:rgb(0, 0, 0);
    font-weight: bold;  
    margin-top: 30px;
    padding-top: 5px;
}
.live-viewer .dati{
    width:60px;
    margin-right: 15px;
}

.riga_elenco_inquadrature {
    display: flex;
}

.pulsanti_gestione {
    display: flex;
}



.pulsanti_gestione .cancella_inquadratura, .sale_inquadratura, .scende_inquadratura{
    margin: 2px;
    padding: 2px;
    border-radius: 8px;
    border-width: 0px;
}

.pulsanti_gestione .cancella_inquadratura {
    background-color: red;
    border-radius: 8px;
    border-color: red;
    color: white;
    margin-left: 15px;
    
}



.wrapper-editor-inquadratura {
    width: 100%;
    height: 30px;
    background-color: rgba(0, 255, 208, 0.6);
    position: absolute;
    margin-left: 250px;
    color:rgb(0, 0, 0);
    font-weight: bold;  
    padding-top: 5px;
}
.wrapper-editor-inquadratura .dati{
    width:60px;
    margin-right: 15px;
}


.wrapper-elenco-inquadrature {
    width: 250px;
    height: 100%;
    background-color: rgba(158, 158, 158, 0.5);
    position: absolute;
    margin-top: 30px;
}

.inquadratura {
    width:70%
}

.inquadratura .text  {
    
    list-style-type:none;
    padding:5px;
    font-size: 14px;
    white-space: nowrap;
   
  }

.inquadratura-selezionata{
    background-color: rgba(0, 255, 208, 0.6);
}

.inquadratura :hover {
background-color: rgba(0, 255, 208, 0.6);
}

.selettore-sequenza {

    width: 250px;
    height: 30px;
    background-color: rgba(255, 0, 85, 0.6);
    position: absolute;
    margin-left: 0px;
    color:rgb(0, 0, 0);
    font-weight: bold;  
    margin-top: 0px;
    padding-top: 5px;

}

.seq_disponibili {
    width: 90%;
    margin-left: 5px;
    
}

.visualizzatore-logo {

    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    pointer-events: none;
    justify-content: center;
    justify-items: center;
    padding: 20px;

}

 .nascondi-logo {
    display: none;
 }