.pasek_paginy {
  display:grid;
  width: 100%;
  margin: 20px 0 0;
  gap: 6px;
  .pagin_select {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
    align-items: center;
    gap: 12px;
    @media (max-width: 768px) {
      grid-template-columns: repeat(5, 1fr);
      gap: 8px;
      justify-content: space-around;
    }
    input{
      background: #fff;
      border: 1px solid #fff;
      cursor: pointer;
      transition: color .3s, background .3s, border .3s, font .3s;
      &:hover {
        background: #27932e;
        border: 1px solid  #27932e;
        color: #fff;
        font-weight: bold;
        padding: 3px;
      }
    }
    span {
      font-weight: 600; 
      @media (max-width: 768px) { display: none; }
    }
  }
  .select_ok, .pagin_select input { border-radius: 3px; }
  .select_ok {
    background: #006006;
    color: #fff;
    font-weight: 700;
    display: grid;
    padding: 4px;
    place-items: center;
  }
  .pagin{
     display:grid;
     grid-template-columns: 32px 1fr 2fr 1fr 32px;
     gap: 7px;
     margin: 0 0 21px 0;
     span { font-weight: bold; color: red;}
     @media (max-width: 768px) { grid-template-columns: 32px 1fr 1fr 32px; }
  }
  .s_trade_input {
     width: 100%;
     background: #27932e;
     border: none;
     color: #fff;
     border-radius: 3px;
     cursor: pointer;
     height: 28px;
     text-transform: uppercase;
     transition: background .3s;
     &:hover{ background: #006006; }
  }
  .TableCell_4x {
    text-align: center; 
    margin-top: 7px;
    display: flex;
    justify-content: center;
    gap: 7px; 
    color: #444;
    @media (max-width: 768px) {
     grid-column: 1/span 4;
     margin: 0px;
     grid-row: 1/2;
    }
  }
  .select_null { background: #eee; border-radius: 5px;}
  .butt_null { border-radius: 5px; height:28px; box-shadow: 0 0 1px 1px #ccc; }
  .pagin_down {
    margin-top: 25px;
    &>form { grid-row: 3/4;}
    .pagin { margin: 0px;}
    @media (max-width: 768px) { .TableCell_4x { grid-row: 2/3;} }
  }
  .pagin_bottom {margin-top: 41px; }
}

@media (max-width: 768px) {
   .stepNoNull { width: 100%; }
}