@import 'color.less';
/*篩選器區域*/
.event-selector-block {
  padding: 17px 25px;

  .list-title {
    font-size: 18px;
    text-decoration: none;
    color: #515a6e;
  }
  .icon-selector {
    margin-top: 18px;
    li {
      display: inline-block;
      margin-right: 10px;
    }

    .icon-btn {
      height: 48px;
      width: 48px;
      background: #d8d8d8;
      border-radius: 4px;
      margin-bottom: 2px;

      &:hover {
        cursor: pointer;
        background: rgb(36, 184, 128);
        color: white;
      }

      .innerIcon {
        width: 24px;
        height: 24px;
        position: relative;
      }
      .Icon-0,
      .Icon-1,
      .Icon-4 {
        top: 12px;
        left: 12px;
      }
      .Icon-2 {
        top: 13px;
        left: 15px;
      }
      .Icon-3,.Icon-5  {
        top: 12px;
        left: 13px;
      }
      
    }
    input[type="checkbox"] {
      visibility: hidden;
      margin-left: -12px;
    }
    input[type="checkbox"]:checked ~ .icon-btn {
      background: rgb(36, 184, 128);
      color: white;
    }
    .icon-btn-selected {
      background: rgb(36, 184, 128);
      color: white;
    }
  }
  .ivu-select-dropdown {
    width: 50% !important;
    border-radius: 4px !important;

    padding: 10px 0px;
    .ivu-dropdown-item {
      font-size: 18px !important;
      font-weight: 400;
      padding-left: 20px;
    }
  }
}

/*篩選器區域*/

/*修改iviewTab控件*/
.ivu-tabs-nav {
  float: none !important;
  position: relative;
  text-align: center;
}

.ivu-tabs-tab {
  width: auto;
  padding: 8px 20px;
  position: relative;
  font-size: 14px;
  color: #878787;
  font-weight: 600;
  margin: 0px 30px;
  &:hover {
    color: @primary !important;
  }
}

.ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused {
  color: @primary !important;
  width: auto;
  padding: 8px 20px;
  border-bottom: 7px solid @primary !important;
  text-align: center;
}

.ivu-tabs-ink-bar {
  height: 0px;
}

.ivu-tabs-tabpane {
  margin-top: -16px;

  height: 830px;
  overflow: auto;
}
.event-list {
  z-index: 10;
  /*修改iviewTab控件*/
  .list-block {
    border-top: 1px solid @border;

    overflow: auto;
  }
  @media screen and (max-width: 1366px) {
    .icon-selector {
      .icon-btn {
        height: 40px;
        width: 40px;
        .innerIcon {
          width: 22px;
          height: 22px;
          position: relative;
        }
        .Icon-0,
        .Icon-1,
        .Icon-4 {
          top: 22%;
          left: 23%;
        }
        .Icon-2 {
          top: 24%;
          left: 30%;
        }
        .Icon-3 {
          top: 22%;
          left: 26%;
        }
        .Icon-5 {
          top: 22%;
          left: 26%;
        }
      }
    }
  }
}
