.slap-date-picker {
  position: relative;

  & > div:nth-of-type(1) {
    position: absolute;
    display: flex;
    width: 255px;
    height: 43px;
    z-index: 1;

    & > div:nth-of-type(1), & > div:nth-of-type(3) {
      flex-basis: 43px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }

    & > div:nth-of-type(2) {
      flex: 1;
    }
  }

  & > .date-picker > .ui-datepicker {
    width: 255px;
    border-width: 0px !important;
    border-radius: 0px;
    padding: 0px;

    & > .ui-datepicker-header {
      background-color: #171717;
      border-width: 0px;
      border-radius: 0px;
      padding: 8px 0px;

      & > .ui-datepicker-title {
        color: #ffffff;
        font-size: 15px;
      }
    }

    & > .ui-datepicker-calendar {
      border: 1px solid #c5c5c5;
      border-top-width: 0px;

      & > thead > tr > th {
        width: 14.2%;
        text-align: center;

        & > span {
          color: #010101;
        }
      }

      & > thead > tr {
        & > th:nth-of-type(1) > span {
          color: #ff0000;
        }

        & > th:nth-of-type(7) > span {
          color: #0000ff;
        }
      }

      & > tbody > tr > td {
        & > .ui-state-default {
          background-color: #ffffff;
          border-width: 0px;
          text-align: center;
          padding: 5px 0px;
          color: #000000;

          &:hover {
            box-shadow: 1px 1px #2699fb, -1px -1px #2699fb, 1px -1px #2699fb, -1px 1px #2699fb;
          }

          &.ui-state-active {
            background-color: #2699fb;
            color: #ffffff
          }
        }

        & > .ui-priority-secondary {
          color: #999999;
        }

        & > .ui-state-highlight {
          position: relative;

          &:after {
            content: '';
            position: absolute;
            top: 24px;
            left: 0px;
            background-color: #ff0000;
            width: 34px;
            height: 5px;
          }
        }
      }
    }
  }
}