:host(.isp-corporate-mode-wrapper) {
  &.dropdown-menu {
    margin-top: 0;
  }
  .isp-main-datepicker{
    .ngb-dp-header {
      height: 2.1875rem!important;
      margin-bottom: 0 !important;
      & ::ng-deep .isp-datepicker-navigation {
        height: 2.1875rem !important;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        span {
          button.btn-link {
            width: 2.1875rem;
            height: 2.1875rem;
            font-size: 0.9375rem;
            &:disabled {
              opacity: 1;
              cursor: default;
            .ispv2-font-chevron-left {
                opacity: 0.35 !important;
            }
            .ispv2-font-chevron-right {
              opacity: 0.35 !important;
          }
            }
          }
        }
      }
    }
    .ngb-dp-months {
      .ngb-dp-month {
        .ngb-dp-month-name {
          height: 2.1875rem !important;
          margin-top: -2.188rem !important;
          top: auto;
          line-height: 0.875rem !important;
          font-size: 0.75rem !important;
          text-decoration: underline;
          .header-title {
            pointer-events: auto;
            padding: 3% 15%;
            &:active {
                scale: 0.95;   
                transition: transform 0.15s ease-in-out 0s;
            }
          }
        }
        & ::ng-deep .isp-datepicker-routing-view {
          .d-flex {
            &:last-child{
              border-bottom-width: 1px;
              border-bottom-style: solid;
              border-bottom-left-radius: 1px;
              border-bottom-right-radius: 1px;
            }
            &.ngb-dp-mese:first-child {
              border-top-width: 1px;
              border-top-style: solid;
            }
            &.ngb-dp-week, &.ngb-dp-mese {
              .ngb-dp-week-number {
                height: inherit !important;
                line-height: inherit;
                width: 2.125rem !important;
                font-size: 0.75rem;
                font-weight: 700;
              }
              .ngb-dp-weekday {
                height: inherit !important;
                line-height: 1.875rem;
                width: 2.25rem !important;
                font-size: 0.625rem;
              }
              .ngb-dp-day {
                width: 2.25rem !important;
                height: 2.25rem !important;
                font-size: 0.75rem;
                .bg-primary, .btn-secondary {
                  font-size: 0.75rem;
                  .ngbdatepickerdayview, .ngbdatepickerdayviewdisabled {
                    line-height: 2.125rem !important;
                  }
                  .ngbdatepickerdayview:hover{
                    text-decoration: underline !important;
                    opacity: 1;
                  }
                  .ngbdatepickerdayview:active {
                    text-decoration: underline !important;
                    cursor: pointer;
                    transform: scale(0.9);
                    transition: transform 0.15s ease 0s;
                    opacity: 1;
                  }
                  }
                  
                  .ngbdatepickerreplymonthview {
                    cursor: pointer;
                  }
                  .ngbdatepickerdayview {

                  }
                  .ngbdatepickerdayviewdisabled, .ngbdatepickerreplymonthviewdisabled {
                    cursor: not-allowed;
                  }
                  .ngbDatepickerReplyYearsView {
                    cursor: pointer;
                    // &:active, &:hover {
                    //   text-decoration: underline!important;
                    // }
                  }
                  .ngbDatepickerReplyYearsView[disabled] {
                    cursor: default;
                  }
                  .ngbDatepickerReplyYearsViewdisabled {
                    cursor: not-allowed;
                    opacity: 0.35;
                  }
                  .ngbdatepickerdayviewdisabled{
                    cursor: not-allowed !important;
                  }
                  &.disabled.text-muted {
                    .ngbdatepickerdayviewdisabled {
                      opacity: .35;
                    }
                  }
                }
                .is-daypast{
                  .ngbdatepickerdayview {
                    opacity: .5;
                  }
                } 
              }
              div[ngbdatepickerreplymonthview], div[ngbdatepickerreplyyearsview]{
                position: relative;
                .ngbdatepickerreplymonthview:active, .ngbdatepickerreplymonthview:hover, .ngbDatepickerReplyYearsView:hover, .ngbDatepickerReplyYearsView:active {
                  text-decoration: underline!important;
                }
                &.btn-secondary-month, &.btn-secondary-years {
                  min-width: 0rem !important;
                  width: 3.75rem !important;
                  height: 2.125rem !important;
                  line-height: 2.125rem !important;
                  border-top: none;
                  font-size: 0.75rem;
                  &.is-current {
                    border-top-width: 1px;
                    border-top-style: solid;
                    &:hover, &:active {
                      .ngbdatepickerreplymonthview {
                        height: calc(100% - 1px);
                      }
                    }
                  }
                  .ngbdatepickerdayview, .ngbdatepickerreplymonthview {
                    cursor: pointer;
                  }
                  .ngbdatepickerdayviewdisabled, .ngbdatepickerreplymonthviewdisabled {
                    cursor: not-allowed;
                    opacity: 0.35;
                  }
                  .ngbDatepickerReplyYearsView {
                    cursor: pointer;
                  }
                  .ngbDatepickerReplyYearsView[disabled] {
                    cursor: default;
                  }
                  .ngbDatepickerReplyYearsViewdisabled {
                    cursor: not-allowed;
                    opacity: 0.35;
                  }
                }
              }
            }
          }
        }
      }
    }
  }


.isp-main-datepicker {
  .justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 3.125rem !important;
    line-height: 1.875rem !important;
  }
  .collapsed {
    margin-bottom: -32px;
  }
  .ngb-dp-header {
    height: 4.625rem !important;
    margin-bottom: -24px !important;
    border-bottom: none !important;
    &.pt-1 {
      padding-top: 0 !important;
      height: 4.25rem;
      margin-bottom: -32px;
    }
    &.rounded-top {
      border-radius: 0 !important;
    }
  }
  .ngb-dp-months {
    &.pb-1 {
      padding: 0 !important;
    }
    &.px-1 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .ngb-dp-month {
      pointer-events: none;
      &:first-child {
        margin-left: 0 !important;
      }
      &.ml-3 {
        margin-left: 16px;
      }
      &.d-block {
        display: block !important;
      }
      .ngb-dp-month-name {
        font-family: 'Arial', sans-serif;
        font-size: 1rem !important;
        font-weight: 700;
        text-transform: uppercase;
        position: absolute;
        text-align: center !important;
        top: 0;
        height: 3.125rem !important;
        line-height: 1.42857143rem !important;
        word-wrap: break-word;
        word-break: break-word;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        display:flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
      }
    }
  }
}