.dispose {
  width: 100%;
  height: 100%;

  &-flowMap {
    height: calc(100% - 56px - 18px);
    margin-top: 16px;
    border-radius: 8px;

    .ol-map-container {
      border-radius: 8px;
    }

    .ol-viewport {
      border-radius: 8px;
    }
  }

  &-myTable {
    height: calc(100% - 56px - 18px);
    margin-top: 16px;

    &-total {
      height: 85px;

      &-main {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
    }

    &-search {
      height: 65px;
      margin-top: 16px;

      &-main {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        &-left {
          display: flex;
          align-items: center;
          gap: 16px;
        }

        &-right {
          display: flex;
          align-items: center;
          gap: 8px;
        }
      }
    }

    &-main {
      height: calc(100% - 85px - 65px - 16px - 16px);
      margin-top: 16px;
    }
  }
}
