.datepicker-plot-area {
    width: 18rem;
    max-width: calc(100vw - 1rem);
    font-family:shabnam;
    font-size:1rem;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
    background-color: #5b9fd9;
    color: #fff;
    text-shadow: none;
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    background-color: #8c8c8c;
    color: #fff;
    border: 0;
    text-shadow: none;
}
.datepicker-plot-area .toolbox .pwt-btn-submit, .datepicker-plot-area .toolbox .pwt-btn-calendar, .datepicker-plot-area .toolbox .pwt-btn-today {
    font-weight: normal;
    font-size: .9rem;
    height: 24px;
    color: #5b9fd9;
}

.datepicker-plot-backdrop {
    position: fixed;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form-pdpt-container.disabled {
    pointer-events: none !important;
}

.form-pdpt-container.disabled .form-pdtp {
    pointer-events: none !important;
    background-color: #ececec  !important;
    color: gray !important;
}

.form-pdpt-container.disabled label {
    color: gray !important;
}

.form-pdtp{
    cursor:pointer;
    direction:ltr;
    font-size: 1rem;
}

.datepicker-container.pwt-mobile-view .datepicker-plot-area {
  position: absolute;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  border-radius: .5rem;
}