.white_branch_office {
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;

  .white_branch_office_container {
    margin-top: 30px;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 9px;
  }
}

.table-style(@height, @grid-template-columns) {
  .table {
    border: 1px solid #fff;

    .scroll {
      height: @height;
      overflow-y: hidden;

      .tr {
        &:nth-child(odd) {
          background-color: transparent;
        }
      }
    }

    .tr {
      display: grid;
      grid-template-columns: @grid-template-columns;
      background-color: #C4E2F8;

      &:not(:last-child) {
        border-bottom: 1px solid #fff;
      }

      .td, .th {
        text-align: center;
        font-size: 14px;
        color: #3B445C;
        padding: 5px;
        border-right: 1px solid #fff;

        &:last-child {
          border-right: none;
        }
      }

      .th {
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
    }
  }
}
