@charset "utf-8";

/* CSS Document */
div.JSFormValueArray {
  padding: 10px 10px 0 10px;
  background-color: var(--lor-color-dark-5);
  margin-bottom: 10px;
}

div.JSFormValueArray:after {
  content: " ";
  height: 1px;
  width: 1px;
  display: block;
  clear: both;
}

div.JSFormAddItem,
div.JSFormRemoveItem {
  float: right;
  background-color: white;
  margin-bottom: 10px;
  text-align: center;
  min-height: 103px;
  padding: 33px 10px 10px 10px;
  overflow: hidden;
  box-sizing: border-box;
  width: 74px;
  font-size: 3em;
}

div.JSFormAddItem:hover,
div.JSFormRemoveItem:hover {
  background-color: var(--lor-color);
  color: white !important;
  cursor: pointer;
}

div.JSFormRemoveItem:hover i.red {
  color: white !important;
}

div.JSFormAddItem {
  min-height: 60px;
  padding-top: 14px;
}

div.JSFormValueArray[data-value-array-instance-counter="1"]
  div.JSFormRemoveItem {
  display: none;
}

div.JSForm_container div.JSFormLine[data-hidden=""]:last-child {
  margin-bottom: 0;
}

div.JSFormLineSub {
  box-sizing: border-box;
  clear: both;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
  min-height: 70px;
  height: auto;
  line-height: inherit;
  width: 100%;
  position: relative;
}

div.JSFormLine {
  box-sizing: border-box;
  clear: both;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  min-height: 70px;
  height: auto;
  line-height: inherit;
  width: 100%;
}

div.JSForm_container ul.popup_submenu li[data-hidden="1"],
div.JSForm_container div.popup_submenu.container > div[data-hidden="1"] {
  display: none;
}

div.popup_submenu.container div.JSFormLine {
  margin-bottom: 0;
}

div.popup_submenu.container div.JSFormLine[data-hidden=""]:first-child {
  border-top: none !important;
}

@media (max-width: 1200px) {
  div.popup_submenu.container div.JSFormLine label.JSFormMainLabel {
    margin-top: 0;
    margin-bottom: 15px;
    top: 0;
  }
}

div.JSFormLine.plain {
  padding: 0;
}

div.JSFormLine.noBottomSpace {
  margin-bottom: 0 !important;
}

div.JSFormLine.topSpace {
  margin-top: 10px !important;
}

div.JSFormLine.NoTopSpace {
  margin-top: 0 !important;
}

div.JSFormLine.user,
div.JSFormLine.partner {
  padding-bottom: 5px;
}

div.JSFormLine.separator.line {
  height: 1px;
  min-height: 1px;
  padding: 0;
}

div.JSFormLine label {
  white-space: normal !important;
  box-sizing: border-box;
}

div.JSFormLine label strong {
  font-weight: bold;
  color: var(--lor-color-dark);
}

div.JSFormLine.files {
  padding-bottom: 0;
}

div.JSFormLine.date,
div.JSFormLine.dateRange {
  padding-bottom: 5px;
}

div.JSFormLine.title {
  padding: 0;
  border: none;
  min-height: 0;
  margin: 0;
}

div.JSFormLine.textField {
  height: auto;
}

div.popup_outer div.JSFormLine.textField {
  background-color: transparent;
}

div.JSFormLine.title h2 {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-top: 5px solid transparent !important;
}

div.JSFormLine.title.secondary {
  margin: 0 0 15px 0;
}

div.JSFormLine.title.secondary h2 {
  font-size: 1.2em !important;
}

div.JSFormLine.title.secondary h2 svg {
  display: none !important;
}

div.popup_submenu div.JSFormLine.title h2 {
  background-color: transparent !important;
  color: var(--lor-color) !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-top: none !important;
}

div.JSFormLine.submit {
  padding: 0 0 10px 12px;
  border: none;
}

div.JSFormLine.buttons-follow,
div.JSFormLine.buttonsFollow {
  float: left;
  margin-right: 10px;
  width: calc(100% - 70px);
}

div.JSFormLine.buttons-follow.buttons-2,
div.JSFormLine.buttonsFollow.buttons-2 {
  width: calc(100% - 170px);
}

div.JSFormLine.button div.JSFormInput {
  background-color: inherit !important;
  color: inherit !important;
  position: relative;
}

div.JSFormLine.button div.JSFormInput[data-no-label="1"] {
  margin-left: 300px;
}

div.JSFormLine.button div.JSFormInput i {
  font-size: 2.25em;
  position: absolute;
}

div.JSFormLine.button div.JSFormInput svg.svg-inline--fa {
  top: -6px;
  left: 10px;
}

div.JSFormLine.button div.JSFormInput i.material-icons {
  top: -12px;
  left: 3px;
  font-size: 3em;
}

div.JSFormLine.button div.JSFormButton {
  width: auto;
  height: 56px;
  margin-right: 10px;
  clear: none;
  background-color: var(--lor-color);
  color: white !important;
  border: 1px solid var(--lor-color);
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
  display: inline-block;
}

div.JSFormLine.files div.JSForm_button {
  width: calc(25% - 10px);
  height: 51px;
  margin-right: 10px;
  margin-bottom: 8px;
  background-color: var(--lor-color);
  color: white !important;
  border: 1px solid var(--lor-color);
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
  display: block;
  line-height: 26px;
}

div.JSFormLine.button div.JSFormButton span.text {
  vertical-align: -moz-middle-with-baseline;
}

div.JSFormLine.button div.JSFormButton:hover {
  background-color: var(--lor-color-dark);
  cursor: pointer;
}

div.JSFormLine.lastbutton {
  margin-right: 0 !important;
}

div.JSFormLine div.JSForm_button:hover {
  background-color: var(--lor-color-dark);
  cursor: pointer;
}

div.JSFormLine div.JSForm_fileContainer {
  width: 100%;
}

div.JSFormLine div.JSForm_fileContainer::after {
  content: " ";
  display: block;
  height: 1px;
  width: 1px;
  clear: both;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="image"] {
  width: calc(25% - 10px);
  margin: 0 10px 10px 0;
  padding: 15px 10px 5px 10px;
  border: 1px solid #ddd;
  height: 273px;
  text-align: center;
  background-color: #fbfbfb;
  display: inline-block;
  box-sizing: border-box;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="image"]
  p {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin: 0;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="image"]
  p
  i {
  cursor: pointer;
  margin: 0 5px;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="image"]
  div.crop.picture_series {
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  height: 200px !important;
  float: none;
  margin-bottom: 15px;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="image"]:nth-child(4n) {
  margin-right: 0;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="file"] {
  clear: both;
  width: calc(100% - 22px);
  margin: 0 0 10px 0;
  padding: 15px 10px 15px 10px;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="file"]
  svg.svg-inline--fa {
  margin-right: 8px;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview[data-file-type="file"]
  i.JSForm_delete_file {
  cursor: pointer;
  float: right;
}

div.JSFormLine div.JSForm_fileContainer div.JSfilePreview i.JSForm_delete_file {
  color: red !important;
}

div.JSFormLine
  div.JSForm_fileContainer
  div.JSfilePreview
  i.JSForm_delete_file:hover {
  color: darkred !important;
}

@media (max-width: 800px) {
  div.JSFormLine div.JSForm_button {
    width: 100%;
  }

  div.JSFormLine
    div.JSForm_fileContainer
    div.JSfilePreview[data-file-type="image"] {
    width: calc(100% - 20px);
    margin-right: 0;
  }
}

div.JSFormLine.cols {
  display: block;
  float: left;
  clear: none !important;
  margin-right: 10px;
  padding: 0;
}

div.JSFormLine.cols.title {
  display: block !important;
  margin: 10px 0 25px 0 !important;
}

div.popup_inner div.JSFormLine.cols:not(.noBorder),
div.popup_inner div.dataButtonDirectForm div.JSFormLine.cols:not(.noBorder) {
  padding: 10px 12px;
  border-radius: 3px;
}

div.popup_inner div.JSFormLine.cols.noLabel:not(.noBorder),
div.popup_inner
  div.dataButtonDirectForm
  div.JSFormLine.cols.noLabel:not(.noBorder) {
  padding-top: 14px;
}

div.JSFormLine.cols label {
  margin-top: 0 !important;
  margin-bottom: 10px;
}

div.JSFormLine.cols label {
  margin-bottom: 0;
}

div.JSFormLine.cols div.JSFormInput {
  display: block !important;
  clear: both !important;
}

div.JSFormLine.cols div.JSFormInput:after {
  content: " ";
  display: block;
  height: 1px;
  width: 1px;
  border: 1px solid red;
  clear: both;
  visibility: hidden;
}

div.JSFormLine.cols.lastcol {
  margin-right: 0 !important;
}

div.JSFormLine.cols.lastcol:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  clear: both;
}

div.JSFormLine.cols.newline {
  clear: both !important;
}

div.JSFormLine.cols.map {
  float: right !important;
  clear: none !important;
}

div.JSFormLine.cols.col1 {
  width: 100%;
  margin-right: 0 !important;
}

div.JSFormLine.cols.col-sn {
  width: 250px;
}

div.JSFormLine.cols.col-not-sn {
  width: calc(100% - 345px);
}

div.JSFormValueArray[data-value-array-instance-counter="1"]
  div.JSFormLine.cols.col-not-sn {
  width: calc(100% - 261px);
}

div.JSFormLine.cols.col2 {
  width: calc(50% - 10px);
}

div.JSFormLine.cols.col2.lastcol {
  width: 50% !important;
}

div.JSFormLine.cols.col3 {
  width: calc(33.3333% - 10px);
}

div.JSFormLine.cols.col3.lastcol {
  width: 33.3333% !important;
}

div.JSFormLine.cols.col23 {
  width: calc(66.6666% - 10px);
}

div.JSFormLine.cols.col23.lastcol {
  width: 66.6666% !important;
}

div.JSFormLine.cols.col4 {
  width: calc(25% - 10px);
}

div.JSFormLine.cols.col4.lastcol {
  width: 25% !important;
}

div.JSFormLine.cols.col34 {
  width: calc(75% - 10px);
}

div.JSFormLine.cols.col34.lastcol {
  width: 75% !important;
}

div.JSFormLine.cols.col5 {
  width: calc(20% - 10px);
}

div.JSFormLine.cols.col5.lastcol {
  width: 20% !important;
}

div.JSFormLine.cols.col35 {
  width: calc(60% - 10px);
}

div.JSFormLine.cols.col35.lastcol {
  width: 60% !important;
}

div.JSFormLine.cols.col45 {
  width: calc(80% - 10px);
}

div.JSFormLine.cols.col45.lastcol {
  width: 80% !important;
}

div.JSFormLine.cols.col38 {
  width: calc(37.5% - 10px);
}

div.JSFormLine.cols.col38.lastcol {
  width: 37.5% !important;
}

div.JSFormLine.cols.col6 {
  width: calc(16.6666% - 10px);
}

div.JSFormLine.cols.col6.lastcol {
  width: 16.6666%;
}

div.JSFormLine.cols.col6.lastcol:last-child:after {
  content: " ";
  display: block;
  height: 1px;
  width: 1px;
  clear: both;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 1500px) {
  div.JSFormLine.cols.col6 {
    width: calc(33.33333% - 10px);
  }

  div.JSFormLine.cols.col6:nth-child(3n + 3),
  div.JSFormLine.cols.col6.lastcol {
    width: 33.33333%;
    margin-right: 0;
  }
}

div.JSFormLine.invers {
  background-color: var(--lor-color) !important;
  color: white !important;
  border: none !important;
}

div.JSFormLine.invers label {
  color: white !important;
}

div.JSFormLine.invers input,
div.JSFormLine.invers textarea {
  border: none;
}

div.JSFormLine.noPadding {
  padding: 10px 0;
}

div.JSFormLine.hideLabel label.JSFormMainLabel {
  border: 1px solid red;
  display: none;
}

label.JSFormMainLabel svg {
  margin-right: 5px;
}

div.JSFormLine.popupBox {
  background-color: transparent !important;
  padding: 0 0 20px 0;
  margin-bottom: 0 !important;
}

div.JSFormLine.popupBox label.JSFormMainLabel {
  color: white;
}

div.JSFormLine.popupBox div.JSFormInput {
  background-color: transparent;
}

div.JSFormLine.popupBox div.JSFormInput i.datePicker {
  position: relative;
  top: 12px;
  color: white;
  font-size: 2em;
  left: 5px;
}

div.JSFormLine.popupBox div.JSFormInput i.datePicker:hover {
  color: white;
  cursor: pointer;
}

div.JSForm_container.JSForm_narrowFormContainer div.JSFormLine {
  min-height: 105px;
  width: 100% !important;
  margin-right: 0 !important;
  clear: both !important;
}

div.JSForm_container.JSForm_narrowFormContainer div.JSFormLine {
  display: block !important;
}

div.JSForm_container.JSForm_narrowFormContainer
  div.JSFormLine[data-hidden="1"] {
  display: none !important;
}

div.JSForm_container.JSForm_narrowFormContainer div.JSFormLine label {
  width: 100% !important;
  margin-bottom: 6px !important;
}

div.JSForm_container.JSForm_narrowFormContainer div.JSFormLine div.JSFormInput {
  width: 100% !important;
}

@media (max-width: 1000px) {
  div.JSFormLine.cols,
  div.JSFormLine.cols.col-sn,
  div.JSFormLine.cols.col-not-sn,
  div.JSFormLine.cols.col2.lastcol,
  div.JSFormLine.cols.col3.lastcol,
  div.JSFormLine.cols.col23.lastcol,
  div.JSFormLine.cols.col4.lastcol,
  div.JSFormLine.cols.col34.lastcol,
  div.JSFormLine.cols.col5.lastcol,
  div.JSFormLine.cols.col45.lastcol,
  div.JSFormLine.cols.col38.lastcol {
    width: 100% !important;
    margin-right: 0 !important;
    clear: both !important;
  }

  div.JSFormLine.title {
    margin: 0 10px 30px 10px !important;
    min-height: 0 !important;
  }

  div.JSFormLine.radio[data-optionsinoneline="1"]
    div.JSFormInput
    li:not(.JSFormMarker),
  div.JSFormLine.checkboxes[data-optionsinoneline="1"]
    div.JSFormInput
    li:not(.JSFormMarker) {
    display: block !important;
  }

  div.JSFormLine.radio[data-optionsinoneline="1"]
    div.JSFormInput
    li:not(.JSFormMarker),
  div.JSFormLine.checkboxes[data-optionsinoneline="1"]
    div.JSFormInput
    li:not(.JSFormMarker) {
    margin-right: 0 !important;
  }
}

div.JSFormLine[data-optionsinoneline="1"] {
  height: auto !important;
}

div.JSFormLine {
  border: none;
}

div.JSFormSubmit.submitButton {
  margin-right: 0;
}

div.JSFormLine label.JSFormMainLabel {
  color: var(--lor-color);
}

div.JSFormLine label:hover {
  color: var(--lor-color-dark);
  text-decoration: underline;
}

div.JSFormLine li.JSFormOptionContainer[data-hideoption="1"],
div.JSFormLine li.JSFormOptionContainer[data-hidden="1"],
div.JSFormLine
  li.JSFormOptionContainer[data-discontinued="1"][data-value-checked=""] {
  display: none !important;
}

div.JSFormLine li.JSFormOptionContainer.colourCheckboxes label:hover {
  color: white;
  text-decoration: underline;
}

div.JSFormLine li.JSFormOptionContainer[data-disabled="1"] i.material-icons,
div.JSFormLine li.JSFormOptionContainer[data-disabled="1"] i.material-icons:hover {
  color: #ccc !important;
}

div.JSFormLine li.JSFormOptionContainer[data-disabled="1"] label {
  color: #ccc !important;
  text-decoration: none !important;
  cursor: inherit;
}

div.JSFormLine label:hover em {
  display: inline-block;
  text-decoration: none !important;
}

div.JSFormLine[data-mandatory=""]:hover em,
div.JSFormLine[data-mandatory=""] em {
  display: none;
}

div.JSFormLine[data-mandatory="1"][data-notmandatory="1"] em {
  display: none;
}

div.JSFormLine[data-mandatory="1"][data-notmandatory=""] label.JSFormMainLabel {
  font-weight: bold;
}

div.JSFormLine[data-hidden="1"] {
  display: none;
}

div.JSFormLine[data-disabled="1"] {
  opacity: 0.5;
}

div.JSFormLine:after {
  content: " ";
  clear: both;
  height: 1px;
  width: 1px;
}

div.JSFormLine label.JSFormMainLabel {
  display: inline-block;
  width: 300px;
  padding-right: 15px;
  padding-top: 18px;
}

div.JSFormLine.cols label.JSFormMainLabel {
  margin-bottom: 10px;
}

div.JSForm_container.JSForm_narrowFormContainer
  div.JSFormLine
  label.JSFormMainLabel {
  padding-top: 0 !important;
}

div.JSFormLine.radio label.JSFormMainLabel,
div.JSFormLine.checkboxes label.JSFormMainLabel {
  padding-top: 11px;
}

div.JSFormLine.partner label.JSFormMainLabel,
div.JSFormLine.user label.JSFormMainLabel {
  padding-top: 17px;
}

div.popup_outer[data-resize="small"] div.JSFormLine label.JSFormMainLabel {
  width: 180px;
}

div.JSFormInput {
  display: inline-block;
  width: calc(100% - 310px);
  background-color: white;
  position: relative;
}

div.JSFormInput.uploadedFile {
  display: inline-block;
  width: calc(100% - 310px);
  background-color: white;
  position: relative;
}

div.JSFormInput:not(.button)[data-no-label="1"] {
  width: 100% !important;
}

div.popup_outer[data-resize="small"] div.JSFormInput,
div.popup_outer[data-resize="small"] div.JSFormInput.uploadedFile {
  width: calc(100% - 180px);
}

div.JSFormInput.submit {
  width: 100%;
}

@media (max-width: 1200px) {
  div.JSFormLine label.JSFormMainLabel {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px;
    display: block;
    clear: both;
  }

  div.JSFormInput {
    width: 100%;
    display: block;
    clear: both;
  }

  div.JSForm_tooltip {
    margin-left: 0 !important;
  }
}

div.JSFormInput.checkboxes,
div.JSFormInput.radio {
  margin: 4px 0 0 0;
}

div.JSFormLine.colours div.JSFormInput.checkboxes,
div.JSFormInput.radio {
  margin: 3px 0 0 0;
}

div.JSFormInput textarea,
div.JSFormInput input:not([type="checkbox"]):not(.ajaxtable_search_input),
div.JSFormInput input:not([type="radio"]):not(.ajaxtable_search_input),
div.JSFormInput select {
  height: 56px;
  box-sizing: border-box;
  width: 100%;
  padding: 17px 10px;
  border: 1px solid #ddd;
  background-color: white;
  font-size: 13.6px !important;
  line-height: 20px;
}

div.JSFormInput.password input {
  width: calc(100% - 66px) !important;
}

div.JSFormInput select.JSForm_fccc {
  width: calc(50% - 5px);
  margin-right: 10px;
}

div.JSFormInput select.JSForm_fccc.JSForm_cc {
  margin-right: 0;
}

div.JSFormInput select option {
  padding: 5px;
  min-height: 27px;
  font-size: 13.6px !important;
}

div.JSFormInput select option.strong {
  font-weight: bold;
}

div.JSFormInput select option[data-hidden="1"] {
  display: none;
}

div.JSFormInput textarea {
  resize: vertical;
  font-size: 13.6px !important;
  min-height: 120px;
}

div.JSFormLine.large div.JSFormInput textarea {
  height: 200px;
}

div.JSFormInput input:not([type="checkbox"]):not(.ajaxtable_search_input),
div.JSFormInput input:not([type="radio"]):not(.ajaxtable_search_input) {
  padding: 15px 10px;
}

div.JSFormLine div.JSFormInput ul {
  margin: 0 0 0 0;
}

div.JSFormLine div.JSFormInput ul:first-child {
  margin-left: 0;
}

div.JSFormLine div.JSFormInput ul li {
  list-style: none !important;
  background-image: none !important;
}

div.JSFormLine div.JSFormInput ul li ul {
  display: none;
}

div.JSFormLine div.JSFormInput ul li label {
  position: relative;
  top: 5px;

  width: calc(100% - 40px);
}

div.JSFormLine[data-optionsinoneline="1"] div.JSFormInput ul li label {
  width: auto;
}

div.popup_outer div.JSFormLine div.JSFormInput ul li label {
  position: relative;
  top: 0 !important;
}

div.popup_outer div.JSFormLine div.JSFormInput ul li label.checkbox {
  top: 0 !important;
}

div.JSFormLine.radio,
div.JSFormLine.checkboxes {
  min-height: 61px !important;
}

div.JSFormLine.expand,
div.JSFormLine.textarea,
div.JSFormLine.title,
div.JSFormLine.radio:not([data-optionsinoneline="1"]),
div.JSFormLine.checkboxes:not([data-optionsinoneline="1"]) {
  height: auto;
}

div.JSFormLine.title {
  margin: 15px 0 15px 0;
}

div.JSFormInput select.JSForm_protocol {
  width: 110px !important;
  margin-right: 10px !important;
}

div.JSFormInput input.JSForm_url {
  width: calc(100% - 120px) !important;
}

div.JSFormInput input.JSForm_textunit:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_latitude:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_longitude:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_text.numeric:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_text.integer:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_text.float:not(.ajaxtable_search_input),
div.JSFormLine.shortInputField div.JSFormInput input.JSForm_text {
  width: 100px;
  margin-right: 5px;
}

div.JSFormInput input.JSForm_user:not(.ajaxtable_search_input) {
  width: calc(100% - 60px) !important;
}

div.JSFormInput input.JSForm_user:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_partner:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_tags:not(.ajaxtable_search_input) {
  display: none;
}

div.JSFormInput select.JSForm_latitude,
div.JSFormInput select.JSForm_longitude,
div.JSFormInput select.JSForm_textunit {
  min-width: 80px;
  width: auto;
}

div.JSFormInput select.JSForm_contact_type {
  width: 40%;
  margin-right: 10px;
}

div.JSFormInput input.JSForm_contact:not(.ajaxtable_search_input) {
  width: calc(60% - 10px);
}

div.JSForm_contact_container {
  position: relative;
}

div.JSForm_contact_container + div.JSForm_contact_container {
  margin-top: 10px;
}

div.JSForm_contact_container i.JSForm_delete {
  position: absolute;
  right: 7px;
  top: 10px;
  color: #ddd;
  font-size: 2em;
  display: none;
}

div.JSForm_contact_container.notempty i.JSForm_delete {
  display: block;
}

div.JSForm_contact_container i.JSForm_delete:hover {
  color: red;
  cursor: pointer;
}

div.JSFormInput select.JSForm_textunit.hidden {
  display: none;
}

div.JSForm_textunit_singleunit {
  display: inline-block;
  margin-top: 15px;
  margin-left: 4px;
}

div.JSFormInput select.JSForm_protocol,
div.JSFormInput input.JSForm_url,
div.JSFormInput input.JSForm_sn:not(.ajaxtable_search_input),
div.JSFormInput input.JSForm_text[data-format="sn"],
div.JSFormInput input.JSForm_masked,
div.JSFormLine.deviceHeaderField input.JSForm_device {
  font-size: 1em;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  width: 195px;
}

div.JSFormLine[data-field-type="phone"] input {
  font-size: 1em;
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

div.JSFormInput.phone {
  position: relative;
}

div.JSFormInput input.JSForm_phone_number:not(.ajaxtable_search_input) {
  width: 250px;
  max-width: calc(100% - 85px);
}

div.JSFormInput select.JSForm_phone_district_code {
  width: 335px;
  margin-right: 5px;
  position: absolute;
  left: 0;
}

div.JSFormInput select.JSForm_phone_district_code.nearlyTransparent {
  width: 80px;
  opacity: 0.01;
}

div.JSFormInput
  input.JSForm_phone_district_code_display:not(.ajaxtable_search_input) {
  width: 75px;
  margin-right: 5px;
}

div.JSFormInput select.JSForm_date,
div.JSFormInput select.JSForm_time {
  width: 80px;
  display: inline-block;
  margin-right: 5px;
}

div.JSFormInput i.datePicker {
  position: relative;
  top: 12px;
  color: #999;
  font-size: 2em;
  left: 5px;
}

div.JSFormInput i.datePicker:hover {
  color: var(--lor-color-dark);
  cursor: pointer;
}

div.JSFormInput i.datePicker.resetDate {
  margin-left: 6px;
  position: relative;
  top: 9px;
  color: #999;
}

div.JSFormInput i.datePicker.resetDate:hover {
  color: red;
}

div.JSForm.DatePickerDiv {
  width: auto;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 5px;
}

div.JSFormLine div.JSForm.DatePickerDiv.from_date:after {
  content: "X";
  color: transparent;
  margin: 15px 10px 15px 8px;
  border-bottom: 1px solid var(--lor-color);
  position: relative;
  top: -8px;
}

div.DatePickerRange:not(.one_date) {
  width: 49%;
  float: left;
}

div.DatePickerRange.from_date {
  margin-right: 2%;
}

div.JSFormInput input[type="checkbox"]:not(.ajaxtable_search_input) {
  display: none;
}

div.JSFormInput input[type="radio"]:not(.ajaxtable_search_input) {
  display: none;
}

div.JSFormInput i.JSF_checkbox,
div.JSFormInput i.JSF_radio {
  position: absolute;
  top: 0;
  transition: color 0.3s;
  z-index: 101;
  font-size: 30px;
}

div.JSFormInput i.JSF_checkbox:hover,
div.JSFormInput i.JSF_radio:hover {
  cursor: pointer;
}

div.JSFormInput div.JSFormOptionContainer.colourRadioButtons i.JSF_checkbox,
div.JSFormInput i.JSF_radio {
  top: 0.5px;
  font-size: 30px;
}

div.JSFormInput i.JSF_checkbox[data-checkbox-status="checked"],
div.JSFormInput i.JSF_radio[data-radio-status="checked"] {
  color: var(--lor-color);
}

div.JSFormInput i.JSF_checkbox[data-checkbox-status="not_checked"],
div.JSFormInput i.JSF_radio[data-radio-status="not_checked"] {
  color: #999;
}

div.JSFormInput li.JSFormOptionContainer.colourCheckboxes i.JSF_checkbox {
  padding: 15px 0 15px 0;
  top: -2px;
  color: white;
}

div.popup_outer
  div.JSFormLine.popupBox
  div.JSFormInput
  i.JSF_checkbox[data-checkbox-status="checked"],
div.popup_outer
  div.JSFormLine.popupBox
  div.JSFormInput
  i.JSF_radio[data-radio-status="checked"] {
  color: white;
}

div.popup_outer
  div.JSFormLine.popupBox
  div.JSFormInput
  i.JSF_checkbox[data-checkbox-status="not_checked"],
div.popup_outer
  div.JSFormLine.popupBox
  div.JSFormInput
  i.JSF_radio[data-radio-status="not_checked"] {
  color: white;
}

div.JSFormInput i.JSF_checkbox:hover,
div.JSFormInput i.JSF_radio:hover {
  color: var(--lor-color-dark) !important;
}

div.JSFormInput
  li.JSFormOptionContainer[data-value-sub="1"]
  i.JSF_checkbox:hover {
  color: #999 !important;
  cursor: inherit;
}

div.JSFormInput li.JSFormOptionContainer.colourCheckboxes i.JSF_checkbox:hover {
  color: white !important;
}

div.JSForm_map {
  width: 100%;
  height: 450px;
  background-color: #ddd;
  position: relative;
}

div.JSForm_map div.mapDiv {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

div.JSForm_map div.mapSearch {
  position: absolute;
  left: 8px;
  bottom: 24px;
  height: 50px;
  right: 59px;
  overflow: hidden;
}

div.JSForm_map div.mapSearch input.mapSearch {
  width: calc(100% - 58px);
  height: 50px;
  overflow: hidden;
  margin-right: 0;
}

div.JSForm_map div.mapSearch span.awfClass.mapSearch {
  width: 50px;
  height: 50px;
  background-color: var(--lor-color);
  display: inline-block;
  vertical-align: bottom;
  color: white;
  text-align: center;
  font-size: 25px;
  line-height: 2em;
  border-radius: 2px;
}

div.JSForm_map div.mapSearch span.awfClass.mapSearch:hover {
  background-color: var(--lor-color-dark);
  cursor: pointer;
}

div.JSFormLine.checkboxes div.JSFormInput li {
  position: relative;
  padding: 4px 0;
}

div.JSFormLine.checkboxes div.JSFormInput li[data-hidden="1"] {
  display: none;
}

div.JSFormLine.checkboxes div.JSFormInput li.JSFormOptionContainer.newLineAfter,
div.JSFormLine.radio div.JSFormInput li.JSFormOptionContainer.newLineAfter {
  display: block;
}

div.JSFormLine.checkboxes
  div.JSFormInput
  li.JSFormOptionContainer.newLineAfter:after {
  content: " ";
  height: 1px;
  width: 1px;
  clear: both;
  display: block;
}

div.JSFormLine.checkboxes
  div.JSFormInput
  li.JSFormOptionContainer.dontSelect
  > span
  i.JSF_checkbox,
div.JSFormLine.checkboxes
  div.JSFormInput
  li.JSFormOptionContainer.dontSelect
  > span
  i.JSF_radio {
  display: none;
}

div.JSFormLine.checkboxes
  div.JSFormInput
  li.JSFormOptionContainer.dontSelect
  > span
  label {
  margin-left: 3px;
}

div.JSFormLine.checkboxes[data-optionsinoneline="1"]
  div.JSFormInput
  ul.JSFormOptionContainer
  li.JSFormOptionContainer {
  display: inline-block;
  margin-right: 25px;
  width: auto;
}

div.JSFormLine.checkboxes div.JSFormInput li label {
  margin-left: 35px;
  display: inline-block;
  width: calc(100% - 35px);
  width: 100%;
}

div.JSFormLine.checkboxes[data-optionsinoneline="1"] div.JSFormInput li label {
  width: auto;
}

div.JSFormLine.checkboxes[data-cascading="1"] div.JSFormInput li {
  display: block;
}

div.JSFormLine.checkboxes[data-cascading="1"] div.JSFormInput li span {
  display: inline-block;
}

div.JSFormLine.checkboxes[data-cascading="1"]
  div.JSFormInput
  li
  span.hasNoChild {
  margin-left: 23px;
}

div.JSFormLine.checkboxes div.JSFormInput li label.dontSelect {
  margin-left: 3px;
}

div.JSFormLine.checkboxes div.JSFormInput li label.dontSelect ul li label {
  margin-left: 3px;
}

div.JSFormLine.checkboxes[data-optionsinoneline="1"]
  div.JSFormInput
  ul.JSFormOptionContainer
  li {
  margin-left: 0px;
}

div.JSFormLine.checkboxes[data-optionsinoneline="1"]
  div.JSFormInput
  ul.JSFormOptionContainer
  li:first-child {
  margin-left: 0px !important;
}

div.popup_outer
  div.JSFormLine.checkboxes.popupBox
  div.JSFormInput
  ul.JSFormOptionContainer
  li
  label {
  color: white;
}

div.JSFormLine.radio div.JSFormInput ul.JSFormOptionContainer li {
  position: relative;
  padding: 5px 0 7px 0;
  display: block;
  width: calc(100% - 35px);
}

div.JSFormLine.radio.cols div.JSFormInput ul.JSFormOptionContainer li,
div.JSFormLine.checkboxes.cols div.JSFormInput ul.JSFormOptionContainer li {
  padding-left: 0 !important;
}

div.JSFormLine.radio
  div.JSFormInput
  ul.JSFormOptionContainer
  li[data-hidden="1"] {
  display: none !important;
}

div.JSFormLine.radio[data-optionsinoneline="1"]
  div.JSFormInput
  ul.JSFormOptionContainer
  li {
  margin-right: 20px;
  width: auto;
  display: inline-block;
}

div.JSFormLine.radio div.JSFormInput li label {
  margin-left: 37px;
  display: inline-block;
}

div.JSFormLine.radio div.JSFormInput li.colourCheckboxes label {
  display: inline-block;
}

div.JSFormLine.radio[data-optionsinoneline="1"] div.JSFormInput li {
  margin-left: -3px;
}

div.JSFormLine.radio[data-optionsinoneline="1"] div.JSFormInput li:first-child {
  margin-left: 0px !important;
}

div.popup_outer div.JSFormLine.radio.popupBox div.JSFormInput li label {
  color: white;
}

div.JSFormLine div.JSFormInput textarea:focus,
div.JSFormLine
  div.JSFormInput
  input:not([type="checkbox"]):not(.ajaxtable_search_input):focus,
div.JSFormLine
  div.JSFormInput
  input:not([type="radio"]):not(.ajaxtable_search_input):focus,
div.JSFormLine div.JSFormInput select:focus {
  box-shadow: 0 0 2px var(--lor-color);
}

div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  textarea,
div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  input:not([type="checkbox"]):not(.ajaxtable_search_input),
div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  input:not([type="radio"]):not(.ajaxtable_search_input),
div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  select,
div.JSFormLine[data-must-be-unique="1"][data-is-unique=""] input {
  border: 1px solid rgba(255, 0, 0, 0.5);
}

div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  textarea:focus,
div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  input:not([type="checkbox"]):not(.ajaxtable_search_input):focus,
div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  input:not([type="radio"]):not(.ajaxtable_search_input):focus,
div.JSFormLine[data-mark-if-invalid="1"][data-do-not-mark=""][data-valid=""][data-mandatory="1"][data-notmandatory=""]
  div.JSFormInput
  select:focus,
div.JSFormLine[data-must-be-unique="1"][data-is-unique=""] input:focus {
  box-shadow: 0 0 2px rgba(255, 0, 0, 0.75);
}

div.JSFormLine.checkboxes[data-mark-if-invalid="1"][data-valid=""][data-mandatory="1"][data-notmandatory=""],
div.JSFormLine.radio[data-mark-if-invalid="1"][data-valid=""][data-mandatory="1"][data-notmandatory=""] {
  color: red !important;
}

div.JSFormDiv.textAboveForm,
div.JSFormDiv.textBelowForm {
  padding: 0 8px 15px 8px !important;
  font-size: 0.95em;
  white-space: normal !important;
}

div.JSFormDiv.textBelowForm {
  padding: 8px 8px 0 8px !important;
  font-size: 0.95em;
  clear: both;
}

div.popup_outer div.JSFormDiv.textAboveForm p,
div.popup_outer div.JSFormDiv.textBelowForm p {
  color: #666 !important;
}

div.JSFormDiv.valueWrapper {
  width: calc(100% - 77px);
  border: 1px solid #ddd;
  padding: 0 8px 8px 0;
  min-height: 47px;
  display: inline-block;
  position: relative;
  box-sizing: content-box;
  vertical-align: top;
}

div.JSFormDiv.valueWrapper ul {
  margin: 0 !important;
}

div.deviceOpener,
div.JSFormDiv.valueWrapperButton {
  display: inline-block;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-left: 10px;
  background-color: #fafafa;
  color: var(--lor-color);
  text-align: center;
  line-height: 2.75em;
  font-size: 1.5em;
}
div.deviceOpener {
  float: right;
}

div.deviceOpener:hover,
div.JSFormDiv.valueWrapperButton:hover {
  background-color: var(--lor-color);
  color: white;
  cursor: pointer;
}

div.deviceOpener.disabled,
div.JSFormDiv.valueWrapperButton.disabled {
  color: #aaa;
  background-color: #ddd;
}

div.deviceOpener.disabled:hover,
div.JSFormDiv.valueWrapperButton.disabled:hover {
  cursor: inherit;
  background-color: #ccc;
}

div.JSFormDiv.valuePickTable {
  display: none;
  width: 100%;
  height: 50px;
  background-color: white;
  clear: both;
}

div.JSFormLine.user
  div.JSFormInput.user
  div.JSFormDiv.valueWrapper
  div.JSFormTextForEmpty {
  position: absolute;
  top: 16px;
  left: 10px;
  color: #ccc;
}

div.JSFormDiv.valueWrapper .valueLoadSpinner {
  position: absolute;
  right: 12px;
  top: 16px;
  font-size: 1.3em;
  color: var(--lor-color);
  display: none;
}

div.JSFormLine
  div.JSFormInput
  div.JSFormDiv.valueWrapper
  input:not([type="checkbox"]):not(.ajaxtable_search_input),
div.JSFormLine
  div.JSFormInput
  div.JSFormDiv.valueWrapper
  input:not([type="radio"]):not(.ajaxtable_search_input) {
  border: none !important;
  clear: both;
  padding: 13px 10px 0 10px;
  height: 40px;
}

div.JSFormLine
  div.JSFormInput
  div.JSFormDiv.valueWrapper
  input:not([type="checkbox"]):not(.ajaxtable_search_input):focus,
div.JSFormLine
  div.JSFormInput
  div.JSFormDiv.valueWrapper
  input:not([type="radio"]):not(.ajaxtable_search_input):focus {
  box-shadow: none !important;
}

div.JSFormDiv.valueWrapper:focus-within {
  box-shadow: 0 0 2px var(--lor-color) !important;
}

div.JSFormDiv.valueWrapper li.valueItem {
  padding: 4px 30px 5px 10px !important;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  color: #666 !important;
  float: left;
  margin: 9px 0 0 9px !important;
  border-radius: 4px;
  position: relative;
  line-height: 2em;
}

div.JSFormDiv.valueWrapper li.valueItem svg.svg-inline--fa {
  margin-right: 8px;
  color: var(--lor-color);
}

div.JSFormDiv.valueWrapper li.valueItem i.material-icons {
  position: absolute;
  right: 4px;
  top: 8px;
  font-size: 1.55em;
}

div.JSFormDiv.valueWrapper li.valueItem i.material-icons.red {
  color: red !important;
}

div.JSFormDiv.valueWrapper li.valueItem:hover {
  cursor: pointer;
  border: 1px solid var(--lor-color-dark);
  background-color: var(--lor-color-dark) !important;
  color: white !important;
}

div.JSFormDiv.valueWrapper li.valueItem:hover i,
div.JSFormDiv.valueWrapper li.valueItem:hover svg.svg-inline--fa {
  color: white !important;
}

div.JSFormDiv.valueWrapper li.valueItem:hover i.material-icons.red {
  color: white !important;
}

div.JSFormDiv.valueWrapper li.valueItem.pale,
div.JSFormDiv.valueWrapper li.valueItem.pale:hover {
  color: #999 !important;
  background-color: #f8f8f8 !important;
  cursor: inherit !important;
  border: 1px solid #ddd !important;
}

div.JSFormDiv.valueWrapper li.valueItem.pale:hover svg.svg-inline--fa {
  color: var(--lor-color) !important;
}

div.JSFormDiv.valueWrapper li.valueItem.dontDeleteExternal i.material-icons {
  display: none;
}

@media (max-width: 500px) {
  div.JSFormLine.checkboxes[data-optionsinoneline="1"] div.JSFormInput div,
  div.JSFormLine.radio[data-optionsinoneline="1"] div.JSFormInput div {
    display: block;
  }

  div.JSFormLine.checkboxes[data-optionsinoneline="1"]
    div.JSFormInput
    div:not(:first-child),
  div.JSFormLine.radio[data-optionsinoneline="1"]
    div.JSFormInput
    div:not(:first-child) {
    margin-left: 0;
  }
}

/*

li.JSFormOptionContainer { width:auto; clear:both; float:none; }

li.JSFormOptionContainer[data-level='1'] { left:0px; }
li.JSFormOptionContainer[data-level='2'] { left:27px; display:nonex; }
li.JSFormOptionContainer[data-level='3'] { left:54px; display:nonex; }
li.JSFormOptionContainer[data-level='4'] { left:81px; display:nonex; }
li.JSFormOptionContainer[data-level='5'] { left:108px; display:nonex; }
li.JSFormOptionContainer[data-level='6'] { left:135px; display:nonex; }
li.JSFormOptionContainer[data-level='7'] { left:162px; display:nonex; }
li.JSFormOptionContainer[data-level='8'] { left:189px; display:nonex; }
li.JSFormOptionContainer[data-level='9'] { left:216px; display:nonex; }
li.JSFormOptionContainer[data-level='10'] { left:243px; display:nonex; }

*/
ul.JSFormOptionContainer li svg {
  cursor: pointer;
  font-size: 22px !important;
  position: absolute;
  right: 15px;
}

ul.JSFormOptionContainer.colourRadioButtons li.JSFormOptionContainer {
  background-color: #eee;
  padding: 5px 5px 5px 15px !important;
  border-radius: 3px;
  position: relative;
}

ul.JSFormOptionContainer.colourRadioButtons li.JSFormOptionContainer svg,
ul.JSFormOptionContainer.colourRadioButtons li.JSFormOptionContainer i {
  color: white !important;
  font-size: 25px;
  top: 2px;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="0"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes0 {
  background-color: var(--lor-color);
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="1"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes1 {
  background-color: red;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="2"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes2 {
  background-color: yellowgreen;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="3"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes3 {
  background-color: magenta;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="4"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes4 {
  background-color: orange;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="5"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes5 {
  background-color: blue;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="6"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes6 {
  background-color: olive;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="7"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes7 {
  background-color: mediumpurple;
}

ul.JSFormOptionContainer.colourRadioButtons
  li.JSFormOptionContainer[data-value="8"],
ul.JSFormOptionContainer li.colourCheckboxes.colourCheckboxes8 {
  background-color: green;
}

ul.JSFormOptionContainer li.colourCheckboxes i.material-icons {
  color: white;
  top: 13px;
  float: left;
}

ul.JSFormOptionContainer li.colourCheckboxes label {
  display: inline-block;
  width: calc(100% - 50px);
  margin-bottom: 0 !important;
  margin-top: 0;
}

ul.JSFormOptionContainer li.colourCheckboxes {
  color: white !important;
  background-color: #eee;
  padding: 15px !important;
  border-radius: 3px;
  position: relative;
}

div.JSFormSubmit.submitButton {
  padding: 20px;
  color: white;
  background-color: var(--lor-color);
  min-width: 200px;
  min-height: 40px;
  padding-left: 40px;
  float: right;
  cursor: default;
  transition: background-color 0.5s;
  position: relative;
  text-align: right;
  line-height: 3em;
  margin-left: 8px;
  margin-bottom: 15px;
  margin-right: 10px;
}

div.JSFormSubmit.submitButton.withIcon {
  padding-left: 70px;
}

div.JSFormSubmit.submitButton[data-showonchange="1"] {
  display: none;
}

div.JSFormSubmit.submitButton:not(.disabled):hover {
  background-color: var(--lor-color-dark);
  color: white !important;
  cursor: pointer;
}

div.JSFormSubmit.submitButton:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden !important;
}

div.JSFormSubmit.submitButton svg.svg-inline--fa {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 3.75em;
}

div.JSFormSubmit.submitButton svg.svg-inline--fa-plus-circle {
  color: green;
}

div.JSFormSubmit.submitButton svg.svg-inline--fa-minus-circle {
  color: red;
}

div.JSFormSubmit.submitButton:hover svg.svg-inline--fa {
  color: white !important;
}

div.JSFormSubmit.submitButton.disabled {
  background-color: #ddd !important;
  color: #999 !important;
  cursor: not-allowed !important;
}

div.JSFormSubmit.submitButton.disabled svg.svg-inline--fa {
  color: #999 !important;
}

div.popup_outer div.JSFormLine {
  box-sizing: border-box;
  background-color: white;
  border: none;
  width: 100%;
  padding-right: 0;
}

div.popup_outer div.JSFormLine[data-hidden=""]:not(.textField) {
  display: flex;
  align-items: flex-start;
}

div.popup_outer
  div.JSFormLine[data-hidden=""][data-optionsinoneline=""].textarea,
div.popup_outer
  div.JSFormLine[data-hidden=""][data-optionsinoneline=""].checkboxes,
div.popup_outer div.JSFormLine[data-hidden=""][data-optionsinoneline=""].radio {
  align-items: flex-start !important;
}

div.popup_outer
  div.JSFormLine[data-hidden=""][data-optionsinoneline=""].textarea
  label.JSFormMainLabel,
div.popup_outer
  div.JSFormLine[data-hidden=""][data-optionsinoneline=""].checkboxes
  label.JSFormMainLabel,
div.popup_outer
  div.JSFormLine[data-hidden=""][data-optionsinoneline=""].radio
  label.JSFormMainLabel {
  margin-top: 8px !important;
}

div.popup_outer div.JSFormLine.textField {
  max-width: 800px;
  width: 100%;
  white-space: normal !important;
}

div.popup_outer div.JSFormLine.title {
  background-color: transparent;
}

div.popup_outer div.JSFormLine.title h2 {
  color: white;
}

div.popup_outer div.mainContent div.JSFormLine.title h2 {
  color: var(--lor-color);
  border-left: none;
}

div.popup_outer div.JSFormLine.colours {
  padding-bottom: 6px;
}

div.popup_message
  :not(.ajaxtable):not(.standard_table):not(.close_codes_all):not(
    .popup_submenu
  ):not(.popup_submenu2nd)
  div.JSFormLine
  li {
  color: #666;
}

div.popup_outer div.popuptable:not(.htmlContent) div.JSFormLine.submit {
  background-color: transparent;
}

div.popup_outer
  div.popuptable:not(.htmlContent)
  div.JSFormLine.submit
  div.JSFormInput.submit {
  background-color: transparent;
}

div.popup_outer
  div.popuptable:not(.htmlContent)
  div.JSFormLine.submit
  div.JSFormInput.submit
  div.JSFormSubmit.submitButton {
  margin-right: 0;
}

div.popup_outer
  div.popuptable:not(.htmlContent)
  div.JSFormLine
  div.JSFormInput
  div.JSFormSubmit.submitButton {
  background-color: white;
  color: var(--lor-color);
}

div.popup_outer
  div.popuptable:not(.htmlContent)
  div.popup_submenu
  div.JSFormLine
  div.JSFormInput
  div.JSFormSubmit.submitButton {
  background-color: var(--lor-color);
  color: white;
}

div.popup_outer
  div.popuptable:not(.htmlContent)
  div.JSFormLine
  div.JSFormInput
  div.JSFormSubmit.submitButton:hover:not(.disabled) {
  background-color: var(--lor-color-dark);
  color: white;
  cursor: pointer;
}

div.popup_outer
  div.popup_submenu
  div.JSFormLine
  div.JSFormInput
  div.JSFormSubmit.submitButton {
  background-color: var(--lor-color);
  color: white;
}

div.popup_outer div.JSFormLine.comment,
div.popup_outer div.JSFormLine.comment div.JSFormInput.comment,
div.popup_outer div.JSFormLine.comment div.JSFormInput.comment p {
  background-color: transparent;
  border: none;
  color: white !important;
}

div.popup_outer div.htmlContent div.JSFormLine.comment,
div.popup_outer div.htmlContent div.JSFormLine.comment div.JSFormInput.comment,
div.popup_outer
  div.htmlContent
  div.JSFormLine.comment
  div.JSFormInput.comment
  p {
  color: #666 !important;
}

div.popup_outer div.JSFormLine.comment {
  min-height: 0;
}

div#popup_outer_mapPicker div.popup_unsetPins {
  position: absolute;
  top: 60px;
  left: 15px;
}

div#popup_outer_mapPicker div.popup_unsetPins div.popup_oneUnsetPin {
  padding: 5px 10px;
  background-color: var(--lor-color);
  color: white;
  margin: 0 5px 5px 0;
  padding-left: 50px;
  position: relative;
  width: 100px;
  overflow: hidden;
  float: left;
}

div#popup_outer_mapPicker div.popup_unsetPins div.popup_oneUnsetPin i {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 2.6em;
}

div#popup_outer_mapPicker div.popup_unsetPins div.popup_oneUnsetPin:hover {
  cursor: pointer;
  background-color: var(--lor-color-dark);
}

div.valueSelection {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #ddd;
  width: calc(100%);
  height: auto;
  min-height: 0px;
  padding: 0px;
  background-color: white;
  z-index: 1001;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

div.valueSelection div {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

div.valueSelection div svg {
  margin-right: 8px;
  color: var(--lor-color);
}

div.valueSelection div:last-child {
  border-bottom: none;
}

div.valueSelection div[data-item-id]:hover {
  background-color: var(--lor-color-dark);
  color: white;
  cursor: pointer;
}

div.valueWrapper div.newTag {
  display: inline-block;
  background-color: var(--lor-color);
  color: white;
  border-radius: 3px;
  margin: 0 0 0 6px;
  font-size: 0.85em;
  padding: 5px;
  line-height: 0.85em;
  height: auto;
}

div.valueWrapper div.valueSelection div:hover div.newTag,
div.valueWrapper p:hover div.newTag {
  background-color: white;
  color: var(--lor-color-dark);
}

input#ticket_title:not(.ajaxtable_search_input) {
  font-weight: bold;
}

div.JSFormLine label {
  cursor: pointer;
}

div.JSFormLine.actions label {
  top: -29px;
}

div.JSFormLine label div.loronly {
  margin: 0 0 0 5px;
}

div.JSFormLine label:hover div.loronly {
  text-decoration: none !important;
}

div.JSFormLine label br + div.loronly {
  margin-left: 0;
}

div.JSFormLine[data-cascading="1"] div.JSFormInput ul.JSFormOptionContainer {
  margin: 5px 0 0 0 !important;
}

div.JSFormLine[data-cascading="1"]
  div.JSFormInput
  ul.JSFormOptionContainer
  ul.JSFormOptionContainer {
  padding-left: 27px !important;
  margin: 15px 0 5px 0 !important;
}

div.JSFormLine[data-cascading="1"] i.JSFormCascadeSwitch {
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.4s;
  float: left;
}

div.JSFormLine[data-cascading="1"] i.JSFormCascadeSwitch:hover {
  color: var(--lor-color);
}

div.JSFormLine[data-cascading="1"] i.JSFormCascadeSwitch.expanded {
  transform: rotate(180deg);
}

div.JSFormLine select.readonly,
div.JSFormLine input.readonly:not(.ajaxtable_search_input) {
  background-color: #f8f8f8;
  border: none;
}

div.JSFormLine input.readonly:focus {
  box-shadow: none !important;
}

a[data-item-id]:hover {
  text-decoration: underline !important;
}

@media (max-width: 800px) {
  div.JSFormLine input,
  div.JSFormLine textarea,
  div.JSFormLine select {
    font-size: 16px !important;
  }
}

span.JSFormIcon {
  display: inline-block;
  padding: 0 !important;
  margin-left: 10px !important;
  min-height: 28px !important;
  min-width: 28px !important;
  background-color: var(--lor-color);
  color: white !important;
  width: 40px;
  text-align: center;
  font-weight: bold;
  border-radius: 2px;
  line-height: 26px;
  font-size: 0.85em;
}

span.JSFormIcon + span.JSFormIcon {
  margin-left: 2px !important;
}

span.JSFormIcon.red {
  background-color: red;
}

span.JSFormIcon.green {
  background-color: green;
}

span.JSFormIcon.darkorange {
  background-color: darkorange;
}

div.valueWrapper span.JSFormIcon {
  width: 38px;
  min-height: 24px !important;
  line-height: 24px !important;
}

div.JSFormDiv.valueWrapper li.valueItem span.JSFormIcon svg.svg-inline--fa {
  color: white !important;
  margin-right: 0 !important;
}

li.imageCheckboxes img {
  margin-left: 32px;
  cursor: pointer;
}

div.JSFormInput li.JSFormOptionContainer.imageCheckboxes i.JSF_checkbox,
div.JSFormInput li.JSFormOptionContainer.imageCheckboxes i.JSF_radio {
  top: 38px;
}

div.popup_outer
  div.JSFormInput
  ul
  li.JSFormOptionContainer.imageCheckboxes
  label,
div.popup_outer
  div.JSFormInput
  ul
  li.JSFormOptionContainer.imageCheckboxes
  label {
  margin-left: 10px;
  top: -46px !important;
}

div.JSFormLine ul.JSFormMarkers {
  position: absolute;
  top: 0;
  right: 7px;
  width: auto;
}

div.popup_outer div.JSFormLine ul.JSFormMarkers {
  top: 9px;
  right: 5px;
}

div.JSFormLine[data-field-type="password"] ul.JSFormMarkers,
div.JSFormLine[data-field-type="partner"] ul.JSFormMarkers,
div.JSFormLine[data-field-type="user"] ul.JSFormMarkers,
div.JSFormLine[data-field-type="categories"] ul.JSFormMarkers,
div.JSFormLine[data-field-type="device"] ul.JSFormMarkers {
  right: 77px;
}

div.popup_outer div.JSFormLine[data-field-type="password"] ul.JSFormMarkers,
div.popup_outer div.JSFormLine[data-field-type="partner"] ul.JSFormMarkers,
div.popup_outer div.JSFormLine[data-field-type="user"] ul.JSFormMarkers,
div.popup_outer div.JSFormLine[data-field-type="categories"] ul.JSFormMarkers,
div.popup_outer div.JSFormLine[data-field-type="device"] ul.JSFormMarkers {
  right: 73px;
}

li.JSFormMarker {
  font-size: 0.95em;
  padding: 3px 5px !important;
  background-color: red !important;
  color: white !important;
  border-radius: 3px;
  display: none;
  transition: all 0.75s ease 0.25s;
  margin: 0 0 0 4px !important;
  width: auto !important;
}

div.JSFormLine[data-do-not-mark="1"] li.JSFormMarker {
  display: none !important;
}

div.JSFormLine.partner li.JSFormMarker,
div.JSFormLine.user li.JSFormMarker {
  right: 75px;
}

div.JSFormLine.partner.focussed li.JSFormMarker,
div.JSFormLine.user.focussed li.JSFormMarker {
  display: none !important;
}

div.JSFormLine[data-mark-if-invalid="1"][data-mandatory="1"][data-valid=""]
  li.JSFormMarker.mandatory,
div.JSFormLine[data-must-be-unique="1"][data-is-unique=""]
  li.JSFormMarker.unique,
div.JSFormLine[data-valid="1"][data-mask-is-complete=""] li.JSFormMarker.masked,
div.JSFormLine[data-valid=""][data-phone-is-complete=""] li.JSFormMarker.phone {
  display: inline-block;
}

div.JSFormLine[data-mark-if-invalid="1"][data-mandatory="1"][data-check-against-failed="1"]
  li.JSFormMarker.mandatory {
  display: none;
}

div.JSFormLine[data-mark-if-invalid="1"][data-check-against-failed="1"]
  li.JSFormMarker.checkAgainst {
  display: inline-block;
}

div.JSFormLine[data-field-type="device"][data-mark-if-invalid="1"][data-empty=""][data-mandatory="1"][data-valid=""]
  li.JSFormMarker.mandatory {
  display: none;
}

div.JSFormLine[data-field-type="device"][data-mark-if-invalid="1"][data-empty=""][data-itemno-complete="1"][data-device-exists=""]
  li.JSFormMarker.deviceNotExist {
  display: inline-block;
}

div.JSFormLine[data-field-type="device"][data-mark-if-invalid="1"][data-empty=""][data-device-exists="1"][data-device-choice-valid=""]
  li.JSFormMarker.deviceChoice {
  display: inline-block;
}

div.JSFormLine[data-field-type="device"][data-mark-if-invalid="1"][data-empty=""][data-device-exists="1"][data-device-choice-valid="1"]
  li.JSFormMarker.deviceChoice {
  display: none;
}

div.JSFormLine[data-field-type="device"][data-empty=""][data-device-exists="1"][data-device-sn-valid=""]
  li.JSFormMarker.deviceSn {
  display: inline-block;
}

div.JSFormLine[data-field-type="device"][data-empty=""][data-device-exists="1"][data-device-choice-valid=""][data-device-sn-valid=""]
  li.JSFormMarker.deviceSn {
  display: none;
}

div.JSFormLine[data-mark-if-invalid="1"][data-ownsim="0"][data-mask-is-complete="0"]
  li.JSFormMarker.lorsim {
  display: none;
}

div.JSFormLine[data-mark-if-invalid="1"][data-ownsim="0"][data-mask-is-complete="1"][data-valid-lor-sim="0"]
  li.JSFormMarker.lorsim {
  display: inline-block;
}

i.JSForm_chapterJump {
  display: none;
  margin-right: 5px;
  cursor: pointer;
}

div.JSFormLine.button.wideButton,
div.JSFormLine.button.wideButton div.JSFormInput.button,
div.JSFormLine.button.wideButton div.JSFormInput.button div.JSFormButton {
  width: 200px;
  text-align: center;
}

div.JSFormLine.button.wideButton div.JSFormInput.button div.JSFormButton {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: 0;
}

span.monospaced {
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  margin-right: 8px;
  border: 1px solid #e0e0e0;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #f8f8f8;
  vertical-align: baseline;
  font-size: 0.95em;
}

div.JSFormLine
  li.JSFormOptionContainer:not([data-value-sub="1"]):not([data-disabled="1"])
  span.JSFormOptionHoverSpan:hover
  > label {
  text-decoration: underline;
  color: var(--lor-color);
}

div.JSFormLine
  li.JSFormOptionContainer[data-value-sub="1"]
  span.JSFormOptionHoverSpan
  label {
  color: #666 !important;
  text-decoration: none !important;
  cursor: inherit;
}

div.JSFormLine
  li.JSFormOptionContainer.colourCheckboxes
  span.JSFormOptionHoverSpan:hover
  > label {
  color: white !important;
}

div.JSFormLine
  li.JSFormOptionContainer:not([data-value-sub="1"])
  span.JSFormOptionHoverSpan:hover
  > label
  span.monospaced {
  text-decoration: none !important;
  border: 1px solid #bbb;
  background-color: #aaa;
  color: white;
}

div.JSFormLine
  li[data-value-checked="1"]
  > span.JSFormOptionHoverSpan
  label
  span.monospaced {
  text-decoration: none !important;
  border: 1px solid var(--lor-color-dark) !important;
  background-color: var(--lor-color) !important;
  color: white !important;
  transition: all 0.5s;
}

div.JSFormLine li[data-value-checked="1"]:not([data-disabled="1"]) > span.JSFormOptionHoverSpan label {
  color: black !important;
  font-weight: bold !important;
}

div.JSFormLine
  li.colourCheckboxes[data-value-checked="1"]
  > span.JSFormOptionHoverSpan
  label {
  color: white !important;
  padding-right: 10px;
}

div.JSForm_tooltip {
  margin-top: 10px;
  margin-left: 300px;
  display: none;
  position: relative;
}

div.JSForm_tooltip div.JSForm_tooltip_text {
  display: inline-block;
  padding: 9px;
  font-size: 0.95em;
  color: white;
  background-color: var(--lor-color);
  border-radius: 4px;
  position: relative;
}

div.JSForm_tooltip div.JSForm_tooltip_text:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 15px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: var(--lor-color);
  border-top: 0;
  margin-left: -10px;
  margin-bottom: -20px;
}

div.JSFormLine[data-field-type="device"] input {
  width: calc(100% - 66px) !important;
  display: inline-block;
}

div.JSFormLine.deviceSubField {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 50px;
}

div.popup_outer div.JSFormLine.deviceSubField {
  margin-bottom: 0;
  padding-bottom: 10px;
}

div.JSFormLine.deviceSubField.device__thirdParty div.JSFormInput.checkboxes,
div.JSFormLine.deviceSubField.device__selfManagedSim
  div.JSFormInput.checkboxes {
  margin: 0;
}

div.JSFormLine.deviceSubField.device__thirdParty div.JSFormInput.checkboxes li,
div.JSFormLine.deviceSubField.device__selfManagedSim
  div.JSFormInput.checkboxes
  li {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

div.JSFormLine.deviceSubField label {
  text-align: right;
  padding-right: 20px;
}

div.JSForm_container.JSForm_narrowFormContainer div.JSFormLine.deviceSubField {
  padding-top: 1px !important;
}

div.JSForm_container.JSForm_narrowFormContainer
  div.JSFormLine.deviceSubField
  label {
  text-align: left;
  padding-right: 0;
}

div.popup_outer
  div.JSFormLine.deviceSubField.device__thirdParty
  label.JSFormMainLabel,
div.popup_outer
  div.JSFormLine.deviceSubField.device__selfManagedSim
  label.JSFormMainLabel {
  top: 6px;
}

div.JSFormLine.deviceHeaderField {
  margin-bottom: 0 !important;
}

div.JSFormLine.device div.deviceChoiceWrapper {
  position: absolute;
  top: 56px;
  left: 0;
  width: calc(100% - 68px);
  max-height: 400px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  background-color: white;
  display: none;
  z-index: 10000;
}

div.JSFormLine.device div.deviceChoiceWrapper ul {
  margin: 0 !important;
  padding: 0 !important;
}

div.JSFormLine.device div.deviceChoiceWrapper li {
  border-bottom: 1px solid #ccc;
  padding: 10px !important;
  margin: 0 !important;
}

div.JSFormLine.device div.deviceChoiceWrapper li:last-child {
  border: none !important;
}

div.JSFormLine.device div.deviceChoiceWrapper li span {
  font-family: Consolas, "Andale Mono", "Lucida Console",
    "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
  margin-right: 10px;
  color: var(--lor-color);
}

div.JSFormLine.device div.deviceChoiceWrapper li:hover {
  background-color: var(--lor-color);
  color: white !important;
  cursor: pointer;
}

div.JSFormLine.device div.deviceChoiceWrapper li:hover span,
div.JSFormLine.device div.deviceChoiceWrapper li.selected span {
  color: white !important;
}

div.JSFormLine.device div.deviceChoiceWrapper li.selected {
  background-color: var(--lor-color-dark);
  color: white !important;
}

div.JSFormLine div.lorentzOnly {
  display: none;
  float: right;
  margin-left: 7px;
  background-color: rgb(0, 139, 206);
  color: white;
  padding: 0 6px;
  border-radius: 2px;
}

div.JSFormLine[data-loronly="1"] div.lorentzOnly {
  display: inline-block;
}

div.JSFormLine span.alwaysSelfManaged {
  display: block;
  padding: 6px 3px;
}

div.passwordVisibility {
  right: 0;
  position: relative;
  font-size: 24px;
  background-color: #f0f0f0;
  vertical-align: top;
  color: white;
  cursor: pointer;
  margin-left: 10px;
  height: 56px;
  width: 56px;
  display: inline-block;
  text-align: center;
  line-height: 54px;
}

div.passwordVisibility:hover {
  color: var(--lor-color);
}

div.passwordVisibility.visibilePassword {
  background-color: var(--lor-color);
  color: white;
}

div.passwordVisibility.visibilePassword:hover {
  background-color: var(--lor-color-dark);
}

div.visibilePassword {
  display: none;
}

div.popup_submenu div.JSFormLine.title svg {
  display: none;
}

.passwordRequirements {
  display: none;
  margin-top: 8px;
}
.passwordRequirements ul li {
  margin: 2px 0 0 0 !important;
  font-size: 13px;
  padding-left: 20px !important;
  position: relative;
}

.passwordRequirements ul li svg {
  display: none;
  margin-right: 5px;
  font-size: 15px;
  top: 4px;
  position: absolute;
  left: 0;
}