:host {
  display: block;
  .flex-row {
    display: flex;
    align-items: center;
  }
  .nk-filter-selector {
    position: absolute;
    background: white;
    z-index: 10;
    left: 0;
    bottom: -74px;
    padding: 12px 20px 22px 24px;
    border: 1px solid black;
    width: 260px;
    .date {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 5px 0;
      width: 100%;
      .ngx-date-range-picker {
        width: 100%;
        .date-selector {
          min-width: 100%;
          width: 100%;
          background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 26 26'><g><path fill-rule='evenodd' clip-rule='evenodd' fill='%23212121' d='M19.61,7.61c-0.22-0.22-0.47-0.33-0.75-0.33h-1.08v-0.8 c0-0.37-0.14-0.68-0.39-0.95c-0.26-0.25-0.58-0.39-0.94-0.39h-0.54c-0.38,0-0.69,0.14-0.94,0.39c-0.27,0.27-0.39,0.58-0.39,0.95 v0.8h-3.22v-0.8c0-0.37-0.14-0.68-0.39-0.95c-0.27-0.25-0.58-0.39-0.95-0.39H9.48c-0.37,0-0.68,0.14-0.95,0.39 C8.27,5.8,8.14,6.11,8.14,6.48v0.8H7.08c-0.3,0-0.55,0.11-0.77,0.33C6.09,7.83,6,8.08,6,8.36v10.72c0,0.28,0.09,0.51,0.31,0.75 c0.22,0.2,0.47,0.31,0.77,0.31h11.78c0.28,0,0.53-0.11,0.75-0.31c0.2-0.24,0.31-0.47,0.31-0.75V8.36 C19.92,8.08,19.81,7.83,19.61,7.61z M16.64,9.08c-0.06,0.06-0.12,0.08-0.19,0.08h-0.54c-0.08,0-0.14-0.02-0.19-0.08 c-0.06-0.05-0.08-0.11-0.08-0.19V6.48c0-0.06,0.02-0.12,0.08-0.18c0.05-0.05,0.11-0.08,0.19-0.08h0.54c0.07,0,0.13,0.03,0.19,0.08 c0.05,0.06,0.08,0.12,0.08,0.18v2.41C16.72,8.97,16.69,9.03,16.64,9.08z M16.45,10.5h2.41v2.41h-2.41V10.5z M13.23,10.5h2.68v2.41 h-2.68V10.5z M16.45,13.45h2.41v2.67h-2.41V13.45z M10.2,9.08c-0.06,0.06-0.12,0.08-0.18,0.08H9.48c-0.07,0-0.14-0.02-0.18-0.08 C9.23,9.03,9.22,8.97,9.22,8.89V6.48c0-0.06,0.01-0.12,0.08-0.18c0.04-0.05,0.11-0.08,0.18-0.08h0.54c0.06,0,0.12,0.03,0.18,0.08 c0.05,0.06,0.08,0.12,0.08,0.18v2.41C10.28,8.97,10.25,9.03,10.2,9.08z M13.23,13.45h2.68v2.67h-2.68V13.45z M16.45,16.66h2.41 v2.42h-2.41V16.66z M10.02,10.5h2.68v2.41h-2.68V10.5z M13.23,16.66h2.68v2.42h-2.68V16.66z M7.08,10.5h2.4v2.41h-2.4V10.5z  M10.02,13.45h2.68v2.67h-2.68V13.45z M7.08,13.45h2.4v2.67h-2.4V13.45z M10.02,16.66h2.68v2.42h-2.68V16.66z M7.08,16.66h2.4v2.42 h-2.4V16.66z'/></g></svg>");
          background-repeat: no-repeat;
          background-position: right;
          background-position-x: 155px;
          cursor: pointer;

          font-weight: normal;
          border: 1px solid #92a3b8;
          outline: none;
          -webkit-appearance: none;
          padding: 0 10px;
          box-sizing: border-box;
          border-radius: 6px;
          height: 28px;
          line-height: 28px;
          color: #212121;
          resize: none;
        }
        ::ng-deep .md-drppicker {
          box-shadow: 0px 6px 10px 3px rgba(0, 0, 0, 0.06) !important;
          border-width: 1px;
          border-style: solid;
          border-color: rgba(0, 0, 0, 0.05);
          border-radius: 5px;
        }
      }
    }
    .clear {
      display: flex;
      align-items: center;
      cursor: pointer;
      margin-left: 10px;
      svg {
        width: 18px;
        height: 18px;
      }
    }
  }
}