@import "./date-picker/picker.scss";

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 100% !important;
}
 
  .el-picker-panel {
    background-color: #fdfdfd;

    line-height: 24px;
    font-size: 12px;

    &__shortcut {
      font-size: 12px;
      line-height: 24px;

      &:hover {
        background-color: #4b7eca;
        color: white;
        border-radius: 4px;
      }
    }

    &__link-btn {
      padding: 3px 6px;
    }

    &__content {
      padding: 3px;
      margin: 0;
      min-width: 162px;
    }

    &__footer {
      background-color: inherit;
    }
  }

  .el-date-picker {
    width: 242px;
    font-size: 12px;

    &__header {
      font-size: 12px;
      margin: 3px;
    }

    &__time-header {
      padding: 3px 3px 3px 0;
    }

    &__editor-wrap {
      padding: 0 3px 0 0;
    }

    .el-input__inner {
      margin: 0 3px;
      height: 22px;
      line-height: 22px;
    }

    .el-picker-panel__content {
      width: 242px;
      padding: 0;
    }
  }

  .el-date-table {
    border-collapse: collapse;

    td,
    th {
      /*border: 1px solid #f3f1f1;*/
    }

    th {
      background-color: aliceblue;
    }
  }

  .el-picker-panel__icon-btn {
    margin-top: 5px;
  }

  .el-date-picker__header-label {
    font-size: 14px;
  }

  .el-date-range-picker {
    &__editor {
      .el-input__inner {
        height: 22px;
        font-size: 12px;
        padding: 3px;
        line-height: 22px;
      }
    }
  }

  .el-date-range-picker__time-header {
    padding: 3px;
  }

  .el-date-range-picker__header div {
    font-size: 12px;
  }

  .el-date-table {
    &__row {
      td {
        width: 26px;
        height: 26px;
        padding: 0;
      }
    }

    & td div {
      padding: 0;
      width: 26px;
      height: 26px;
    }
  }

  .el-date-range-picker {
    width: 378px;
  }

  .el-date-range-picker .el-picker-panel__body {
    min-width: 378px;
  }

  .el-date-range-picker.has-sidebar {
    width: 478px;
  }

  .el-picker-panel__sidebar {
    width: 100px;
  }

  .el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 100px;
  }

  .el-date-table td.in-range div,
  .el-date-table td.in-range div:hover {
    background-color: rgba(127, 190, 230, 0.42);
    width: 26px;
    height: 24px;
  }

  .el-date-table td.start-date div {
    margin-left: 0;
  }

  .el-date-table th {
    padding: 0;
    font-size: inherit;
  }

  .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
    width: 14px !important;
  }

  .el-tabs--card > .el-tabs__header .el-tabs__item {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }