.dpd-form-root {
  position: relative;
}

.dpd-shell {
  background: #f4f7fb;
  border: 1px solid #dbe4ef;
  border-radius: 10px;
  padding: 12px;
}

.dpd-shell fieldset {
  background: transparent !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 8px;
  padding: 10px 12px !important;
  margin: 0 0 10px 0 !important;
}

.dpd-shell legend,
.dpd-shell .section-title {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-weight: 600;
  color: #17324d;
}

.dpd-shell table.section {
  margin: 0 !important;
  background: transparent !important;
}

.dpd-shell table.section td,
.dpd-shell table.section th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.dpd-shell .actions {
  margin-top: 10px !important;
  padding-top: 8px;
  border-top: 1px solid #dbe4ef;
}

.dpd-shell .dpd-section-guidance {
  margin: 0 0 10px 0;
  padding: 10px 12px;
  background: #eef5fc;
  border-left: 4px solid #6da9d8;
  border-radius: 6px;
  color: #2a4157;
}

.dpd-shell .dpd-section-guidance p {
  margin: 0 0 8px 0;
  line-height: 1.45;
}

.dpd-shell .dpd-section-guidance p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .dpd-shell .control,
  .dpd-shell .input-group,
  .dpd-shell .input-append.input-group.datetimepicker {
    width: 100% !important;
    max-width: 100% !important;
  }

  .dpd-shell .form-control,
  .dpd-shell input[type='text'],
  .dpd-shell input[type='email'],
  .dpd-shell input[type='number'],
  .dpd-shell input[type='tel'],
  .dpd-shell input[type='date'],
  .dpd-shell textarea,
  .dpd-shell select {
    width: 100% !important;
    max-width: 100% !important;
  }

  .dpd-shell .input-group {
    display: flex !important;
    align-items: stretch !important;
  }

  .dpd-shell .input-group .form-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .dpd-shell .input-group .btn,
  .dpd-shell .input-group .input-group-addon {
    flex: 0 0 auto !important;
  }

  .dpd-shell .input-group .lookup.form-control,
  .dpd-shell input.lookup.form-control,
  .dpd-shell .input-append.input-group.datetimepicker input {
    padding-right: 10px !important;
  }

  .dpd-shell .lookup.form-control,
  .dpd-shell input.lookup.form-control {
    max-width: calc(100vw - 170px) !important;
  }

  .dpd-shell .input-group .input-group-btn,
  .dpd-shell .input-group .input-group-append {
    flex: 0 0 auto !important;
  }

  .dpd-shell .input-group .input-group-btn .btn,
  .dpd-shell .input-group .input-group-append .btn,
  .dpd-shell .input-group .btn.launchentitylookup {
    min-width: 42px !important;
  }

  .dpd-shell #crimson_requesttype,
  .dpd-shell #crimson_requesttype.form-control,
  .dpd-shell #crimson_requesttype_name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .dpd-shell table.section td,
  .dpd-shell table.section th {
    display: block !important;
    width: 100% !important;
  }

  .dpd-shell .dpd-mobile-native-date {
    background: #fff !important;
    color: #2d3748 !important;
  }

  section.modal-lookup {
    padding-right: 0 !important;
  }

  section.modal-lookup .modal-dialog {
    width: 94vw !important;
    max-width: 94vw !important;
    margin: 3vh 0 3vh 2vw !important;
  }

  section.modal-lookup .modal-content {
    max-height: 92vh;
    overflow: hidden;
  }

  section.modal-lookup .modal-body {
    max-height: 76vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px !important;
  }

  section.modal-lookup iframe {
    width: 100% !important;
    min-height: 68vh !important;
    border: 0 !important;
  }

  section.modal-lookup .modal-header {
    padding: 10px 12px;
  }

  section.modal-lookup .modal-footer {
    padding: 8px 12px;
  }

  .modal.entitylookup-modal .modal-dialog,
  .entitylookup.modal .modal-dialog,
  .lookup-modal .modal-dialog,
  .modal[data-lookup='true'] .modal-dialog {
    width: 94vw !important;
    max-width: 94vw !important;
    margin: 3vh 0 3vh 2vw !important;
  }

  .modal.entitylookup-modal .modal-content,
  .entitylookup.modal .modal-content,
  .lookup-modal .modal-content,
  .modal[data-lookup='true'] .modal-content {
    max-height: 92vh;
    overflow: hidden;
  }

  .modal.entitylookup-modal .modal-body,
  .entitylookup.modal .modal-body,
  .lookup-modal .modal-body,
  .modal[data-lookup='true'] .modal-body {
    max-height: 76vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px !important;
  }

  .modal.entitylookup-modal iframe,
  .entitylookup.modal iframe,
  .lookup-modal iframe,
  .modal[data-lookup='true'] iframe {
    width: 100% !important;
    min-height: 68vh !important;
    border: 0 !important;
  }

  .modal.entitylookup-modal .modal-header,
  .entitylookup.modal .modal-header,
  .lookup-modal .modal-header,
  .modal[data-lookup='true'] .modal-header {
    padding: 10px 12px;
  }

  .modal.entitylookup-modal .modal-footer,
  .entitylookup.modal .modal-footer,
  .lookup-modal .modal-footer,
  .modal[data-lookup='true'] .modal-footer {
    padding: 8px 12px;
  }

  section.modal-lookup .view-toolbar.grid-actions .pull-right.toolbar-actions,
  .modal.entitylookup-modal .view-toolbar.grid-actions .pull-right.toolbar-actions,
  .entitylookup.modal .view-toolbar.grid-actions .pull-right.toolbar-actions,
  .lookup-modal .view-toolbar.grid-actions .pull-right.toolbar-actions,
  .modal[data-lookup='true'] .view-toolbar.grid-actions .pull-right.toolbar-actions {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
  }

  section.modal-lookup .entitylist-search.input-group,
  .modal.entitylookup-modal .entitylist-search.input-group,
  .entitylookup.modal .entitylist-search.input-group,
  .lookup-modal .entitylist-search.input-group,
  .modal[data-lookup='true'] .entitylist-search.input-group {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
  }

  section.modal-lookup .entitylist-search.input-group input.query.form-control,
  .modal.entitylookup-modal .entitylist-search.input-group input.query.form-control,
  .entitylookup.modal .entitylist-search.input-group input.query.form-control,
  .lookup-modal .entitylist-search.input-group input.query.form-control,
  .modal[data-lookup='true'] .entitylist-search.input-group input.query.form-control {
    flex: 1 1 auto !important;
    min-width: 140px !important;
    width: auto !important;
  }

  section.modal-lookup .entitylist-search .input-group-btn,
  .modal.entitylookup-modal .entitylist-search .input-group-btn,
  .entitylookup.modal .entitylist-search .input-group-btn,
  .lookup-modal .entitylist-search .input-group-btn,
  .modal[data-lookup='true'] .entitylist-search .input-group-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 44px !important;
    white-space: nowrap;
    display: flex !important;
  }

  section.modal-lookup .entitylist-search .input-group-btn .btn,
  .modal.entitylookup-modal .entitylist-search .input-group-btn .btn,
  .entitylookup.modal .entitylist-search .input-group-btn .btn,
  .lookup-modal .entitylist-search .input-group-btn .btn,
  .modal[data-lookup='true'] .entitylist-search .input-group-btn .btn {
    width: 46px !important;
    min-width: 46px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .dpd-info-modal .modal-dialog {
    width: 94vw !important;
    max-width: 94vw !important;
    margin: 6vh auto !important;
  }

  .dpd-info-modal .modal-content {
    max-height: 88vh;
    overflow: hidden;
  }

  .dpd-info-modal .modal-header {
    padding: 10px 12px;
  }

  .dpd-info-modal .modal-title {
    font-size: 20px;
    line-height: 1.2;
    word-break: break-word;
  }

  .dpd-info-modal .modal-body {
    max-height: 62vh;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: normal;
    word-break: break-word;
    line-height: 1.5;
    padding: 12px;
  }

  .dpd-info-modal .modal-body a {
    word-break: break-word;
  }

  .dpd-info-modal .modal-footer {
    padding: 8px 12px;
  }
}

@media (min-width: 768px) {
  .dpd-shell .lookup.form-control,
  .dpd-shell input.lookup.form-control {
    max-width: 100% !important;
  }
}