/* V1 load-console row-specific automatic gate controls. */
.row-locks{
  display:flex;
  align-items:stretch;
  gap:10px;
  margin:4px 0 8px;
  padding:4px 6px;
  min-height:44px;
}
.row-locks>span,
.row-locks>.row-auto-gate{
  flex:0 0 112px;
  width:112px;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid #0f1415;
  border-radius:0;
  background:#20282a;
  color:#bdc9ca;
  box-shadow:none;
  font:700 9px/1 "Arial Narrow",Arial,sans-serif;
  letter-spacing:.035em;
}
.row-locks>.row-auto-gate{cursor:pointer}
.row-locks>.row-auto-gate:hover{background:#273235}
.row-locks>span>i,
.row-locks>.row-auto-gate>i{
  flex:0 0 auto;
  width:18px;
  height:18px;
  border:3px solid #111;
  border-radius:50%;
  background:#4c5658;
  box-shadow:inset 0 0 0 1px #728083;
}
.row-locks>.row-auto-gate.active{
  color:#effff4;
  border-color:#3d8b59;
  background:#234634;
  box-shadow:inset 0 0 0 1px #4ca86b;
}
.row-locks>.row-auto-gate.active>i{
  background:#5ade7d;
  box-shadow:inset 0 0 0 1px #b9ffca,0 0 8px #5ade7d;
}
.row-locks>.row-auto-gate:disabled{opacity:.4;cursor:not-allowed}
.automatic-functions .menu-switch-row.legacy-auto-gates{display:none!important}
@media(max-width:900px){
  .row-locks{flex-wrap:wrap}
  .row-locks>span,
  .row-locks>.row-auto-gate{flex:1 1 calc(25% - 8px);width:auto;min-width:88px}
}
@media(max-width:650px){
  .row-locks>span,
  .row-locks>.row-auto-gate{flex:1 1 calc(50% - 5px)}
}