@import './frame.scss';
@import './home.scss';
@import './point.scss';
@import './plan.scss';
@import './check.scss';
@import './statistics.scss';


.main-frame-cardpane {
  height: 100%;

  .main-frame-cardpane-breadcrumb {
    height: 48px;
    display: flex;
    align-items: center;
    background: white;
    padding-left: 15px;
  }

  .main-frame-cardpane-content {
    height: calc(100% - 48px);
    overflow: auto;
    border-top: 1px solid #b5cfd9;
    background: white;
  }
}

.patrol-page-content {
  height: 100%;
  padding-right: 30px;

  .point-search {
    .ant-select-selection {
      &.ant-select-selection--single {
        width: 15rem;

        .ant-select-selection__rendered {
          padding-left: 0;
        }
      }
    }

    .ant-select-allow-clear {
      .ant-select-selection {
        width: 15rem;
      }
    }

    .ant-select-dropdown {
      width: 15rem;
    }
  }

  .patrol-page-table {
    height: 100%;
    overflow: auto;

    .right-btn {
      position: absolute;
      z-index: 1;
      right: 320px;
      margin-top: -30px;
      display: flex;

      .row-btn {
        padding-left: 25px;

        img {
          cursor: pointer;
        }
      }
    }

    .grid-content {
      height: calc(100% - 40px);

      &.grid-content-no-pagination {
        .ant-table {
          height: 100% !important;
        }
      }

      .table-bar {
        height: 100%;

        .ant-table-wrapper {
          height: 100%;

          > div {
            height: 100%;

            .ant-spin-container {
              height: 100%;

              .ant-table {
                height: calc(100% - 60px);

                .ant-table-content {
                  height: 100%;

                  .ant-table-scroll {
                    height: 100%;

                    .ant-table-placeholder {
                      display: none;
                    }

                    > div {
                      &:nth-last-child(2) {
                        &:not(.ant-table-header) {
                          overflow: hidden !important;
                          display: none;
                        }
                      }

                      &:nth-last-child(3) {
                        overflow: hidden !important;
                      }
                    }
                  }

                  .ant-table-header {
                    table {
                      border-radius: 0;
                    }

                    th {
                      background: linear-gradient(#fefefe, #efefef);
                      border-color: #ccc;
                      border-width: 0 1px 1px 0;
                      border-style: dotted;
                      color: #333;
                      font-size: 12px;
                      height: 30px;
                      padding: 0 8px;
                      text-align: center;

                      &:first-child {
                        border-left: 0;
                      }
                    }
                  }

                  .ant-table-body {
                    max-height: calc(100% - 32px) !important;
                    height: calc(100% - 32px) !important;

                    td {
                      border-color: #ccc;
                      border-width: 0 1px 1px 0;
                      border-style: dotted;
                      color: #333;
                      font-size: 12px;
                      height: 30px;
                      padding: 0 8px;
                      text-align: center;

                      &:first-child {
                        border-left: 0;
                      }
                    }
                  }
                }
              }

              .ant-pagination {
                padding: 16px 16px;
                width: 100%;
                margin: 0;
                border-top: 1px solid #eaeaea;
              }
            }

          }
        }
      }
    }
  }

  .patrol-page-table-tool {
    height: 40px;
    background: #F5F5F5;
    display: flex;
    align-items: center;
  }
}

.ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody {
  table {
    border-radius: 0;
  }

  th {
    background: linear-gradient(#fefefe, #efefef);
    border-color: #ccc;
    border-width: 0 1px 1px 0;
    border-style: dotted;
    color: #333;
    font-size: 12px;
    height: 30px;
    padding: 0 8px;
    text-align: center;

    &:first-child {
      border-left: 0;
    }
  }

  td {
    border-color: #ccc;
    border-width: 0 1px 1px 0;
    border-style: dotted;
    color: #333;
    font-size: 12px;
    height: 30px;
    padding: 0 8px;
    text-align: center;

    &:first-child {
      border-left: 0;
    }
  }
}
