.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}
.teitlHeader {
  flex-grow: 1; /* This will push "Logio Data" to the center */
    font-size: 32px; /* Adjust the font size as needed */
  text-align: center; /* Center-align the text */
    font-weight: bold;

}
.apzo-logo-inner {
  display: flex;
  align-items: center;
}

.apzo-logo-inner .copyright {
  margin-left: auto; /* This will push the copyright text to the right */
   font-weight: 200;
color:#c3a343;

}

table.responsive-table
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: table !important;
    position: relative;
}   
    
.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}
#wediCopio {
  color:blue;
  
}
#dropdownSensor1, #dropdownSensor2 ,#dropdownSensor3  {
    /* Set a specific width for the dropdown */
    width: 100%; /* Adjust as needed */
     max-width: 100%;
       max-height: 100%; /* Adjust as needed */
    display: inline-flex !important;
  height: 100%;
  box-sizing: border-box; /* Ensure padding and border are included in the width */
    white-space: normal;
    
  background-color: #c5eddf;
  border: 1px solid #c5eddf;
    text-align: center;
      font-weight: bold;


}
#Sensor1Type,#Sensor2Type,#Sensor3Type th {
    /* Set overflow to hidden to prevent content from overflowing */
  

}


th { /* header cell */
  font-weight: 700;
  text-align: left;
  color: #272838;
   text-align: center;
  position: sticky;
  top: 0;
  background-color: #c5eddf;
}

tbody tr:nth-child(odd) {
  background-color: #ECE9E9;
}


#myDynamicTable{
   border: 2px solid #F9F8F8;
   height:600px;
   overflow:auto;
   display:inline-flex;
   
   
    
}


table {
     border: 1px solid;
    border-color: green;
}
#chartDiv1, #chartDiv2, #chartDiv3{
    visibility:hidden;
    overflow: hidden; /*ADDED WITH DROPDOWN*/

    
}
h2 {
      text-align: center;

}
#tablCanlyniadau{
     border: 1px solid;
    border-color: green;
}
#timeSlow{
    font-weight: bold;
    text-align: center;
    font-size: large;
    margin:0;

}
#time{
        text-align: center;
         margin:0;

}
#labelSelect{
    font-weight: bold;
    color: #272838;
    font-size: medium;
}
@media only screen and (max-width: 992px) { /* Adjust the max-width as needed */
    .input-field, #repeated-burst, #cymorth, #select-table, #stop-button, #high-speed, #select-table ,#high-speed, #stop-button,#tablCanlyniadau {
        width: 100% !important; /* Make the input field full width on smaller screens */
        margin-left:0%;
    }
    #timeSlow,#time{
        text-align:left;
    }
  table.responsive-table tbody {
    display: table-row-group;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
}
  table.responsive-table thead, td,tr{
   
    width: 100%;
     text-align: center;

}

 table.responsive-table tr{
   
    width: 100%;
     text-align: center;
     padding: 0 0 0 0 !important
   
}

}