[v-cloak] {
  display: none !important;
}

.cells {
  background-color: #fff;
  line-height: 1.47058824;
  font-size: 0.4267rem;
  overflow: hidden;
  position: relative;

  &:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #f5f5f5;
    color: #f5f5f5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
  }

  &:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #f5f5f5;
    color: #f5f5f5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
  }

  .no-after::after {
    display: none !important;
  }

  .cell_access {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: inherit;
  }

  .cell {
    padding: 0.2667rem 0.2667rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    &:before {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      left: 0.2667rem;
      height: 1px;
      border-top: 1px solid #eeeeee;
      color: #e5e5e5;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      z-index: 2;
    }

    &:first-child:before {
      display: none;
    }

    &.cell_access {
      .cell__ft {
        padding-left: 0.3333rem;
        padding-right: 0.2667rem;
        position: relative;

        &:after {
          content: " ";
          display: inline-block;
          height: 0.1333rem;
          width: 0.1333rem;
          border-width: 2px 2px 0 0;
          border-color: #b5b5b5;
          border-style: solid;
          -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
          position: relative;
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: -0.0667rem;
        }
      }
    }

    .cell__bd {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    .cell__ft {
      text-align: right;
      color: #989898;
    }
  }

}

.md-activity-indicator .indicator-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.md-example-child-md-activity-indicator-1 {
  display: flex;
  flex-direction: column;
  align-items: center;

  .md-activity-indicator {
    margin-bottom: 30px;
  }

  .activity-indicator-container {
    margin-bottom: 30px;
    padding: 15px 20px;
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;

    .md-activity-indicator-css {
      margin-bottom: 0;

      .md-activity-indicator-svg {
        width: 40px !important;
        height: 40px !important;
      }

      .md-activity-indicator-text {
        font-size: 28px !important;
      }
    }
  }
}

.md-picker-column-masker.top:before {
  //bottom: -0.2667rem;
}

.md-picker-column-masker.bottom:after {
  //top: 0.4rem;
}

.fixed-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
}

ul {
  margin: 0;
  padding: 0;
}