.trimm_tbl {
  width:100%;
  padding:0px;
  border-collapse:collapse ;

}

.trimm_tbl td {
  padding-left:0.5px;
  padding-right:0.5px;

}

.trimm_tbl thead th {
  color:white;
  text-align:center;
  padding:10px 10px 10px 10px;
  font-weight: lighter;
  border-left: 1px solid var(--grey_hell);
  border-right: 1px solid var(--grey_hell);
}

.trimm_tbl .th2 {
  color:black;
  text-align:center;
  padding:10px 10px 10px 10px;
  font-weight: lighter;
  border-left: 1px solid var(--grey_hell);
  border-right: 1px solid var(--grey_hell);
}

.loops_unused_th,
.loops_unused_mean {
  text-align: center;
  font-size:9pt;
  width:50px;

}

.trimm_tbl .th2 .loops_unused_th {
  background-color:transparent;
}

.trimm_tbl tbody {
      border-top: 0px solid transparent;
}

.trimm_tbl tbody td {
  background-color:white;
  border:1px solid var(--grey_hell);
  padding:5px;
  padding-left:10px;

}

.riser_detail_tbl tbody td   {
  padding-top:10px;

}


.trimm_tbl input[type=text]{
  width:30%;
  height:40px;
  font-size:11px;
  padding: 0px;
  border-radius: 0px;
  border:0px;
  background-color:transparent;
  text-align: center;
}

.trimm_tbl select{
  font-size:11px;
  width:70%;
  height:40px;
  padding:0px;
  border:0px;
  background-color:transparent;
  border-radius: 0px;
  text-align: center;
}

.trimm_tbl input[type=text]:disabled{ color:black; }

.trimm_tbl select:disabled{ color:black; }


.trimm0 thead th {
  background-color:var(--grey_dark);
}

.trimm0 .th2 td {
  background-color:var(--baby_grey);
}

.trimm0 .loops_unused_th {
 background-color:var(--baby_grey);

}

.trimm0 .loops_unused_mean {
font-weight:bold;
border:4px solid var(--baby_grey);
}


 .trimm1 thead th {
  background-color:var(--blue);
}

 .trimm1 .th2 td {
  background-color:var(--baby_blue);
}

 .trimm1 .loops_unused_th {
 background-color:var(--baby_blue);
}




.trimm1 .loops_unused_mean {
  font-weight:bold;
  border:4px solid var(--baby_blue);
}

 .trimm2 thead th {
  background-color:var(--orange);
}

 .trimm2 .th2 td {
  background-color:var(--baby_orange);
}

 .trimm2 .loops_unused_th{
 background-color:var(--baby_orange);
}

.trimm2 .loops_unused_mean {
  font-weight:bold;
  border:4px solid var(--baby_orange);
}


.trimm3 thead th {
 background-color:var(--purple);
}

.trimm3 .th2 td {
 background-color:var(--baby_purple);
}

.trimm3 .loops_unused_th{
 background-color:var(--baby_purple);
}

.trimm3 .loops_unused_mean {
  font-weight:bold;
  border:4px solid var(--baby_purple);
}

.riser_detail_tbl {
  font-size:8pt;
}

.riser_detail_tbl tbody tr td {
  text-align:center;
}


.single_line:hover {
  background-color:var(--grey_hell);
  cursor:pointer;
}
.single_line span {
  font-size:15px;
}

#reset_first_state {
  background-color:var(--red_dark);
  color:white;
  border:0px;

}

#reset_first_state:hover {
  background-color:var(--red);
  color:var(--dark_grey);
  border:0px;
}

#cancel {
  background-color:var(--red_dark);
  color:white;
  border:0px;

}
#cancel:hover {
  background-color:var(--red);
  color:var(--dark_grey);
  border:0px;
}

#grey_buttom {
  background-color: var(--white);
  color: var(--grey_dark);
  padding: 12px 20px;
  border: 1px solid var(--grey_dark);
  border-radius: 0px;
  cursor: pointer;
  float: left;
}

#grey_buttom:hover {
  background-color: var(--grey_dark);
  color: white;
  border-color:var(--white);
}


#blue_buttom {
  background-color: var(--white);
  color: var(--blue);
  padding: 12px 20px;
  border: 1px solid var(--blue);
  border-radius: 0px;
  cursor: pointer;
  float: left;
}

#blue_buttom:hover {
  background-color: var(--blue);
  color: white;
  border-color:var(--white);
}

#orange_buttom {
  background-color: var(--white);
  color: var(--orange);
  padding: 12px 20px;
  border: 1px solid var(--orange);
  border-radius: 0px;
  cursor: pointer;
  float: left;
}

#orange_buttom:hover {
  background-color: var(--orange);
  color: white;
  border-color:var(--white);
}

#purple_buttom {
  background-color: var(--white);
  color: var(--purple);
  padding: 12px 20px;
  border: 1px solid var(--purple);
  border-radius: 0px;
  cursor: pointer;
  float: left;
}

#purple_buttom:hover {
  background-color: var(--purple);
  color: white;
  border-color:var(--white);
}

#trimm1_break_left,
#trimm1_break_right {
  background-color: var(--blue);
  color: var(--white);
  padding: 12px 20px;
  border: 1px solid var(--blue);
  border-radius: 0px;
  cursor: pointer;
  float:left;
  margin-left:30%;
}
#trimm1_break_left:hover,
#trimm1_break_right:hover {
  background-color: var(--white);
  color: var(--blue);
  border-color:var(--blue);
}


#trimm2_break_left,
#trimm2_break_right {
  background-color: var(--orange);
  color: var(--white);
  padding: 12px 20px;
  border: 1px solid var(--orange);
  border-radius: 0px;
  cursor: pointer;
  float:left;
  margin-left:30%;

}

#trimm2_break_left:hover,
#trimm2_break_right:hover  {
  background-color: var(--white);
  color: var(--orange);
  border-color:var(--orange);
}

#trimm3_break_left,
#trimm3_break_right {
  background-color: var(--purple);
  color: var(--white);
  padding: 12px 20px;
  border: 1px solid var(--purple);
  border-radius: 0px;
  cursor: pointer;
  float:left;
  margin-left:30%;

}

#trimm3_break_left:hover,
#trimm3_break_right:hover  {
  background-color: var(--white);
  color: var(--purple);
  border-color:var(--purple);
}

#bt_save_offset {
  display: none;
}

.bt_trimm_popup_open {
  text-align:center;
  background-color:var(--grey_hell);
  color:var(--grey_dark);
  padding:10px;
  border:1px;
  border-radius: 0px;
  cursor: pointer;

}
.bt_trimm_popup_close {
  text-align:center;
  background-color:var(--grey_dark);
  color:var(--grey_hell);
  padding:10px;
  border:1px;
  border-radius: 0px;
  cursor: pointer;

}
.bt_trimm_popup_open:hover {
  background-color:var(--grey_dark);
  color:var(--grey_hell);
}
.bt_trimm_popup_close:hover {
  background-color:var(--grey_hell);
  color:var(--grey_dark);
}



/* Upper Level Trimm */

.upper_level_trimm_button {
  padding-bottom:5px;
  text-align:right;
  font-size:7pt;
  color:var(--grey_dark);

}

.upper_level_trimm_button span {
  font-size:10pt;
  color:var(--grey_dark);
  background-color:var(--grey_hell);
  border:1px solid var(--grey_input);
  padding:2px;
  cursor: pointer;
}



.upper_level_trimm_window {
  background-color:var(--grey_light);
  border:1px solid var(--grey_dark);
  padding:10px;
  width:200px;
  font-size:10pt;
  text-text-align:center;
}

.upper_level_trimm_label {

}

.upper_level_trimm_input {

}

.upper_level_trimm_close {

  position: absolute;
  font-size:10pt;
  top: 5px;
  right: 10px;
  cursor: pointer;
  color: var(--grey_dark);
  border:0px;
}

.upper_level_trimm_close:hover{
color:var(--grey_input)
}


#bt_auto_trimm {
  background-color: var(--orange);
  color: var(--white);
  padding: 12px 20px;
  border: 1px solid var(--orange);
  border-radius: 0px;
  cursor: pointer;
}

#bt_auto_trimm:hover {
  background-color:var(--white);
  color:var(--orange);
}