.user-dashboard {
  &.agent-requests-details {
    .notes {
      margin-top: 30px;

      h3 {
        font-family: 'iranyekanB';
        margin-bottom: 10px;
      }

      ul {
        li {
          list-style: disc;
          margin-right: 18px;
          margin-bottom: 5px;

          p {
            font-family: 'iranYekanB';
          }
        }
      }
    }

    .addPtoPrModal {
      .datePickerWrapper {
        display: inline-block;
        width: 100%;

        .vpd-main {
          .vpd-input-group {
            @include borderRadius(3px);
            overflow: hidden;

            input {
              &::placeholder {
                color: rgba(#000, 0.4);
              }
            }
          }

          // vue persian dateTime picker styles
          .vpd-icon-btn {
            padding: 12px 10px !important;
          }
        }
      }

      .btnRow {
        text-align: center;
      }

      .el-form {
        .el-form-item {
          &.err {
            .el-form-item__label {
              color: red;
            }
            .errMsg {
              color: red;
            }
          }
        }
      }

      &.reportModal {
        .el-form-item__content {
          margin-right: 0 !important;
        }
      }
    }
  }
}
