:root {
  --ordinationsleitfarbe: #ff6c2f;
  --ordinationsinteraktionsfarbe: #1d1d1b;
  --ordinationshighlightfarbe: transparent;
  --ordinationshintergrundfarbe: #ffd8ac;
  --ordinationsmessagefarbe: #f7f3f1
}

@font-face {
  font-display: swap;
  font-family: Larsseit-ExtraBoldItalic;
  font-style: italic;
  src: url(https://imaging.at/assets/fonts/Larsseit-ExtraBoldItalic/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-ExtraBoldItalic/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-style: italic;
  font-weight: 700;
  src: url(https://imaging.at/assets/fonts/Larsseit-BoldItalic/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-BoldItalic/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit-ExtraBold;
  src: url(https://imaging.at/assets/fonts/Larsseit-ExtraBold/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-ExtraBold/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-weight: 700;
  src: url(https://imaging.at/assets/fonts/Larsseit-Bold/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-Bold/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-weight: 300;
  src: url(https://imaging.at/assets/fonts/Larsseit-Light/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-Light/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit-ThinItalic;
  font-style: italic;
  src: url(https://imaging.at/assets/fonts/Larsseit-ThinItalic/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-ThinItalic/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit-Thin;
  src: url(https://imaging.at/assets/fonts/Larsseit-Thin/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-Thin/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-style: italic;
  font-weight: 500;
  src: url(https://imaging.at/assets/fonts/Larsseit-MediumItalic/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-MediumItalic/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-style: italic;
  font-weight: 400;
  src: url(https://imaging.at/assets/fonts/Larsseit-RegularItalic/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-RegularItalic/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-weight: 500;
  src: url(https://imaging.at/assets/fonts/Larsseit-Medium/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-Medium/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-style: italic;
  font-weight: 300;
  src: url(https://imaging.at/assets/fonts/Larsseit-LightItalic/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-LightItalic/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: Larsseit;
  font-weight: 400;
  src: url(https://imaging.at/assets/fonts/Larsseit-Regular/font.woff2) format("woff2"),url(https://imaging.at/assets/fonts/Larsseit-Regular/font.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: GT-Super-Display-Regular;
  src: url(https://imaging.at/assets/fonts/GT-Super-Display-Regular.woff2) format("woff2"),url(https://imaging.at/assets/fonts/GT-Super-Display-Regular.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: GT-Super-Text-Regular;
  src: url(https://imaging.at/assets/fonts/GT-Super-Text-Regular.woff2) format("woff2"),url(https://imaging.at/assets/fonts/GT-Super-Text-Regular.woff) format("woff")
}

* {
  font-family: Larsseit,sans-serif;
  font-size: 16px
}

h1, h2, h3, h4 {
  font-family: GT-Super-Display-Regular,serif;
  letter-spacing: 1px
}

div[data-role=header] {
  height: 50px
}

  div[data-role=header] .header-logo {
    left: 4px;
    max-width: 400px;
    position: absolute;
    top: 4px;
    width: 100%
  }

@media (max-width:850px) {
  div[data-role=header] .header-logo {
    left: 0;
    top: 0
  }
}

footer {
  margin-bottom: 100px
}

.content-wrapper > .margin-left {
  justify-content: center
}

.yellow .info {
  background-color: #f7f3f1;
  border: 1px solid #e5dad4;
  color: #3b3b3b !important;
  margin: 0 auto 16px;
  max-width: 650px;
  padding: 8px 12px
}

  .yellow .info a {
    color: #3b3b3b
  }

  .yellow .info > br {
    display: none
  }

  .yellow .info > * {
    font-family: GT-Super-Display-Regular,serif;
    font-size: 22px !important;
    max-width: none !important;
    padding: 0
  }

    .yellow .info > * > span {
      font-family: Larsseit,sans-serif;
      margin-top: 2px
    }

  .yellow .info > :first-child {
    width: 40%
  }

@media (max-width:850px) {
  .yellow .info > :first-child {
    width: 100%
  }
}

.yellow .info > :nth-child(3) {
  width: 60%
}

@media (max-width:850px) {
  .yellow .info > :nth-child(3) {
    width: 100%
  }
}

.yellow .info > .messageText {
  font-family: Larsseit,sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  width: 100% !important
}

  .yellow .info > .messageText * {
    font-size: 16px
  }

  .yellow .info > .messageText ul {
    list-style: none;
    margin: 0;
    padding: 0 !important
  }

    .yellow .info > .messageText ul li {
      font-weight: 300;
      margin: 0;
      padding: 0
    }

.divUeberschriftTextLabel p, p#divAppointmentDocumentUpload_Ueberschrift, p#divAppointmentResponse_Ueberschrift {
  font-family: GT-Super-Display-Regular,serif;
  font-size: 48px;
  margin: 5px auto 0;
  max-width: 500px;
  text-align: center
}

@media (max-width:850px) {
  .divUeberschriftTextLabel p, p#divAppointmentDocumentUpload_Ueberschrift, p#divAppointmentResponse_Ueberschrift {
    font-size: 30px
  }
}

#divAppointmentDocumentUpload_Ueberschrift, .divAppointmentResponseInfoDetail, .divUeberschriftTextLabel, .divUeberschriftTextLabel b {
  float: none;
  font-size: 20px;
  font-weight: 300;
  margin: 0 auto;
  max-width: 480px;
  text-align: center;
  width: auto
}

@media (max-width:850px) {
  #divAppointmentDocumentUpload_Ueberschrift, .divAppointmentResponseInfoDetail, .divUeberschriftTextLabel, .divUeberschriftTextLabel b {
    font-size: 16px;
    text-align: left !important
  }

    #divAppointmentDocumentUpload_Ueberschrift > *, .divAppointmentResponseInfoDetail > *, .divUeberschriftTextLabel b > *, .divUeberschriftTextLabel > * {
      text-align: left !important
    }
}

.divUeberschriftTextLabel {
  margin-top: 24px
}

.divSticky {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 -5px 5px rgba(0,0,0,.05);
  display: flex;
  height: 80px;
  justify-content: flex-start;
  left: 0;
  padding: 16px;
  position: fixed;
  width: 100% !important;
  z-index: 100
}

  .divSticky > label {
    flex-basis: 100% !important;
    float: none;
    margin: 0;
    text-align: left
  }

  .divSticky input {
    margin-top: -24px !important;
    max-width: none !important;
    position: absolute;
    right: 16px;
    top: 50%
  }

  .divSticky .divProgressBar {
    left: 0;
    margin: 0 !important;
    padding-left: 0 !important;
    position: absolute;
    top: 0;
    width: 100%
  }

#AppointmentResponeNewSearch {
  align-items: center;
  display: flex;
  float: none;
  justify-content: center;
  margin: 0 auto
}

.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext {
  padding: 16px
}

#fromAppointmentEnterReservation {
  margin: 64px auto 0;
  max-width: 620px
}

  #fromAppointmentEnterReservation #PatientData .patientEntryWidth {
    order: 1
  }

    #fromAppointmentEnterReservation #PatientData .patientEntryWidth:nth-child(4) {
      order: 0
    }

  #fromAppointmentEnterReservation #PatientData .divLeftDataEntry .patientEntryWidth {
    order: 0 !important
  }

  #fromAppointmentEnterReservation #PatientData .tooltipIcon {
    left: 90%;
    position: absolute
  }

  #fromAppointmentEnterReservation #PatientData > div {
    display: flex;
    flex-wrap: wrap
  }

    #fromAppointmentEnterReservation #PatientData > div br {
      display: none
    }

    #fromAppointmentEnterReservation #PatientData > div > * {
      flex-basis: calc(50% - 16px);
      margin: 8px
    }

    #fromAppointmentEnterReservation #PatientData > div > :nth-child(10) {
      flex-basis: calc(100% - 16px)
    }

@media (max-width:850px) {
  #fromAppointmentEnterReservation #PatientData > div > * {
    flex-basis: calc(100% - 16px)
  }
}

.divLeftDataEntry > .patientEntryWidth {
  flex-basis: calc(100% - 16px) !important
}

.margin-bottom-mobile {
  max-width: none !important
}

@media (max-width:850px) {
  .margin-bottom-mobile {
    max-width: 450px
  }
}

.margin-bottom-mobile {
  margin: 24px auto;
  max-width: 450px
}

  .margin-bottom-mobile .dataEdit {
    border-bottom: 1px solid #000;
    position: relative
  }

  .margin-bottom-mobile #AppointmentEditData_btn {
    background-color: transparent !important;
    border: none !important;
    font-size: 15px !important;
    margin-right: 0;
    margin-top: -16px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 50%;
    transition: all 375ms cubic-bezier(.4,0,.2,1)
  }

    .margin-bottom-mobile #AppointmentEditData_btn:focus, .margin-bottom-mobile #AppointmentEditData_btn:hover {
      color: #46c0ec !important
    }

  .margin-bottom-mobile .fa-pen {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBzdHJva2U9IiMxRDFEMUIiPjxwYXRoIGQ9Ik0xNS40MDcgMy4wNyAxNy40NCA1LjFjLjY5Mi42OTIuNyAxLjgyMS4wMDcgMi41MmExNTQ4LjMwOSAxNTQ4LjMwOSAwIDAgMS01LjQ0IDUuNDc5Yy0uOTMzLjkzMy0xLjc5IDEuNzktMi40NTMgMi40NDUtLjY3LjY2Mi0xLjExMyAxLjA5MS0xLjIzNCAxLjE4OS0uMTUuMTI4LS41MTEuMTgtMS4xNDMtLjA5LS41ODctLjI1Ni0xLjI3Mi0uNzQ1LTEuODc0LTEuNC0uNjI1LS42Ny0xLjExNC0xLjM1NC0xLjM4NS0xLjkzNC0uMjg1LS42MTctLjI0OC0uOTYzLS4xMjctMS4xMi4wMzctLjA0Ni4xNS0uMTgxLjM2LS40LjIwNC0uMjE4LjQ3NS0uNDk2Ljc5OC0uODI3LjY0Ny0uNjYyIDEuNTA1LTEuNTI4IDIuNDQ2LTIuNDUzIDEuODczLTEuODY2IDQuMDQ4LTQuMDEgNS40ODUtNS40MzMuNy0uNjg1IDEuODIxLS42ODUgMi41MTMuMDA4bC4wMTUtLjAxNVoiLz48cGF0aCBkPSJtMy43NDQgMTIuMjcxLTEuNjYzIDQuOTc0YS43NS43NSAwIDAgMCAuOTAzLjk0OGw1LjIwNy0xLjQwNyIvPjxwYXRoIGQ9Ik0yLjcxNSAxNS4yMzZzLjE1OCAxLjk4NyAxLjk4NiAyLjUyOSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNjY4IDIuMTY2KSIgZD0iTTAgMGgxNi42Njd2MTYuNDMzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 90px;
    top: 4px;
    width: 16px
  }

  .margin-bottom-mobile #AppointmentSummaryRadiologyData > label, .margin-bottom-mobile .editDataLbl {
    font-size: 20px
  }

  .margin-bottom-mobile #AppointmentSummaryPatData .margin-bottom {
    margin: 0
  }

  .margin-bottom-mobile #AppointmentSummaryPatData > div > div {
    display: flex;
    padding-top: 24px
  }

    .margin-bottom-mobile #AppointmentSummaryPatData > div > div > div {
      font-weight: 300 !important;
      padding-left: 12px
    }

    .margin-bottom-mobile #AppointmentSummaryPatData > div > div.clearer {
      display: none
    }

    .margin-bottom-mobile #AppointmentSummaryPatData > div > div > div {
      font-weight: 300;
      width: 60%
    }

@media (max-width:850px) {
  .margin-bottom-mobile #AppointmentSummaryPatData > div > div > div {
    word-break: break-word
  }
}

.margin-bottom-mobile #AppointmentSummaryPatData > div > div > div .lblImiportant, .margin-bottom-mobile #AppointmentSummaryPatData > div > div > div strong {
  font-weight: 300 !important
}

.margin-bottom-mobile #AppointmentSummaryPatData > div > div > div .tdAppointmentSummaryLabel {
  font-weight: 700 !important;
  padding-left: 0;
  width: 40%
}

  .margin-bottom-mobile #AppointmentSummaryPatData > div > div > div .tdAppointmentSummaryLabel * {
    font-weight: 700 !important
  }

.margin-bottom-mobile #AppointmentSummaryPatData #AppointmentSummaryRadiologyData {
  border-bottom: 1px solid #000;
  margin-top: 48px
}

.margin-bottom-mobile #AppointmentSummaryPatData .margin-bottom-20 .clearer.margin-bottom, .margin-bottom-mobile #AppointmentSummaryPatData .margin-bottom-20 .tdAppointmentSummaryLabel {
  display: none
}

.margin-bottom-mobile #AppointmentSummaryPatData .margin-bottom-20 .ordiComment {
  max-width: 40rem;
  padding-left: 0;
  width: 100%
}

  .margin-bottom-mobile #AppointmentSummaryPatData .margin-bottom-20 .ordiComment textarea {
    max-width: 100%;
    min-height: 140px;
    width: 100% !important
  }

  .margin-bottom-mobile #AppointmentSummaryPatData .margin-bottom-20 .ordiComment #commentCharacterCounter {
    color: #000;
    display: block;
    font-size: 14px;
    text-align: right
  }

form[action="https://webportal.urania.imaging.at/EKOSAppointmentReserve/AppointmentSummary/formAppointmentSummary"] {
  margin: 0 auto;
  max-width: 720px
}

@media (max-width:850px) {
  form[action="https://webportal.urania.imaging.at/EKOSAppointmentReserve/AppointmentSummary/formAppointmentSummary"] {
    width: calc(100% - 8px)
  }

    form[action="https://webportal.urania.imaging.at/EKOSAppointmentReserve/AppointmentSummary/formAppointmentSummary"] .divSticky {
      justify-content: center
    }

      form[action="https://webportal.urania.imaging.at/EKOSAppointmentReserve/AppointmentSummary/formAppointmentSummary"] .divSticky > label {
        display: none
      }

      form[action="https://webportal.urania.imaging.at/EKOSAppointmentReserve/AppointmentSummary/formAppointmentSummary"] .divSticky input {
        left: auto;
        position: relative;
        right: auto;
        top: 10px
      }
}

.contraindicationTable {
  border-collapse: separate;
  border-spacing: 0 24px;
  margin: 32px auto 0;
  max-width: 650px
}

  .contraindicationTable tr {
    border-bottom: 10px solid #fff;
    color: #3b3b3b !important;
    max-width: 650px;
    padding-bottom: 8px
  }

    .contraindicationTable tr:first-child {
      border: none
    }

    .contraindicationTable tr th:nth-child(2) {
      display: none
    }

    .contraindicationTable tr td {
      background-color: var(--ordinationsmessagefarbe);
      border-bottom: 1px solid #e5dad4;
      border-top: 1px solid #e5dad4;
      font-size: 16px;
      padding: 20px 40px
    }

      .contraindicationTable tr td:nth-child(2) {
        border-left: 1px solid #e5dad4;
        border-radius: 16px 0 0 16px
      }

      .contraindicationTable tr td:nth-child(3) {
        display: none
      }

      .contraindicationTable tr td:nth-child(4) {
        padding: 20px
      }

      .contraindicationTable tr td:nth-child(5) {
        border-radius: 0 16px 16px 0;
        border-right: 1px solid #e5dad4;
        padding: 16px
      }

      .contraindicationTable tr td .contraindicationRadioButton {
        background-color: #fff;
        border: 1px solid #000;
        box-shadow: none;
        position: relative;
        transition: all 375ms cubic-bezier(.4,0,.2,1)
      }

        .contraindicationTable tr td .contraindicationRadioButton:hover {
          background-color: #fff;
          border-color: #46c0ec;
          box-shadow: none
        }

        .contraindicationTable tr td .contraindicationRadioButton:focus {
          outline: none !important
        }

        .contraindicationTable tr td .contraindicationRadioButton:checked:before {
          background-color: #46c0ec;
          content: "";
          height: 16px;
          left: 50%;
          margin-left: -8px;
          margin-top: -8px;
          position: absolute;
          top: 50%;
          width: 16px
        }

@media (max-width:839px) {
  .contraindicationTable tr td {
    font-size: 14px;
    padding: 20px
  }
}

#tUploadedFiles {
  border-collapse: collapse;
  margin: 16px auto 0;
  max-width: 600px
}

  #tUploadedFiles tr {
    border-bottom: 1px solid #1d1d1b;
    border-top: 1px solid #1d1d1b
  }

    #tUploadedFiles tr:first-child {
      border-top: 0
    }

      #tUploadedFiles tr:first-child th {
        padding-bottom: 16px
      }

    #tUploadedFiles tr td {
      font-weight: 400;
      padding: 24px 16px;
      position: relative
    }

      #tUploadedFiles tr td:first-child {
        position: relative;
        visibility: hidden
      }

        #tUploadedFiles tr td:first-child:before {
          background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEyIiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS43NzYgOC42MDMgMi4wNjMgNC44OTEgMSA1Ljk1bDQuNjg3IDQuNjg3LjA4OS4wODggOC41NzYtOC41NzUuMDg4LS4wODlMMTMuMzc4IDF6IiBmaWxsPSIjOTNiMjc4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNNS43NzYgOC42MDMgMi4wNjMgNC44OTEgMSA1Ljk1bDQuNjg3IDQuNjg3LjA4OS4wODggOC41NzYtOC41NzUuMDg4LS4wODlMMTMuMzc4IDF6IiBzdHJva2U9IiM5M2IyNzgiLz48L3N2Zz4=");
          background-position: 50% 50%;
          background-repeat: no-repeat;
          content: "";
          display: block;
          height: 16px;
          left: calc(50% - 8px);
          position: absolute;
          top: calc(50% - 8px);
          visibility: visible;
          width: 16px
        }

      #tUploadedFiles tr td.previewBorderBottom {
        background: #fff;
        position: relative;
        top: -1px;
        visibility: visible
      }

        #tUploadedFiles tr td.previewBorderBottom:before {
          display: none
        }

        #tUploadedFiles tr td.previewBorderBottom img {
          display: block;
          margin: 0 auto;
          max-height: 300px
        }

      #tUploadedFiles tr td:last-child {
        padding-right: 0
      }

        #tUploadedFiles tr td:last-child .aToButton {
          background-color: transparent !important;
          border: none !important;
          border-radius: 5px;
          color: #000 !important;
          height: auto !important;
          margin-top: 0;
          min-width: 0 !important;
          padding: 8px 16px 8px 20px;
          position: relative;
          text-indent: -10000px;
          text-transform: uppercase;
          transition: all 375ms cubic-bezier(.4,0,.2,1);
          width: auto !important
        }

@media (min-width:768px) {
  #tUploadedFiles tr td:last-child .aToButton {
    padding-left: 32px;
    text-indent: 0
  }
}

#tUploadedFiles tr td:last-child .aToButton:hover {
  background-color: #f7f3f1 !important;
  border: none !important
}

#tUploadedFiles tr td:last-child .aToButton:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PC9jbGlwUGF0aD48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTQuNSA1LjVhMSAxIDAgMCAxIDEtMWgxMmExIDEgMCAwIDEgMSAxdjFhMSAxIDAgMCAxLTEgMWgtMTJhMSAxIDAgMCAxLTEtMXoiLz48L21hc2s+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNi4wOCA4LjVoMTAuODRhLjUuNSAwIDAgMSAuNDk5LjUzOGwtLjg0NiAxMWEuNS41IDAgMCAxLS40OTkuNDYySDYuOTI2YS41LjUgMCAwIDEtLjQ5OC0uNDYybC0uODQ3LTExQS41LjUgMCAwIDEgNi4wOCA4LjV6IiBzdHJva2U9IiMxZDFkMWIiLz48cGF0aCBkPSJNNS41IDUuNWgxMnYtMmgtMTJ6bTEyIDB2MWgydi0xem0wIDFoLTEydjJoMTJ6bS0xMiAwdi0xaC0ydjF6bTAgMGgtMmEyIDIgMCAwIDAgMiAyem0xMiAwdjJhMiAyIDAgMCAwIDItMnptMC0xaDJhMiAyIDAgMCAwLTItMnptLTEyLTJhMiAyIDAgMCAwLTIgMmgyeiIgZmlsbD0iIzFkMWQxYiIgbWFzaz0idXJsKCNiKSIvPjxwYXRoIGQ9Ik05LjUgNC41di0xYTEgMSAwIDAgMSAxLTFoMmExIDEgMCAwIDEgMSAxdjEiIHN0cm9rZT0iIzFkMWQxYiIvPjwvZz48L3N2Zz4=");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 8px;
  position: absolute;
  top: calc(50% - 10px);
  visibility: visible;
  width: 20px
}

#fileElem {
  display: block;
  height: auto;
  left: auto;
  margin: 0 auto;
  position: relative !important;
  top: auto;
  visibility: hidden;
  width: auto
}

.uploadLabel {
  cursor: pointer;
  margin: 0 auto;
  max-width: 250px;
  padding-left: 48px !important;
  position: relative
}

  .uploadLabel:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwLjkzOSAxOC4yNTh2MTAuM2MwIC4yLS4xLjMtLjIuNHMtLjIuMi0uNC4yaC0yOC42Yy0uMiAwLS4zLS4xLS40LS4ycy0uMi0uMi0uMi0uNHYtMTAuM2MwLS4yLjEtLjMuMi0uNHMuMi0uMi40LS4yaDMuNGMuMiAwIC4zLjEuNC4ycy4yLjIuMi40djYuM2gyMC42di02LjNjMC0uMi4xLS4zLjItLjRzLjItLjIuNC0uMmgzLjRjLjIgMCAuMy4xLjQuMnMuMi4zLjIuNHptLTUuNy02LjNjMCAuMy0uMS42LS4zLjhzLS41LjMtLjguM2gtNC42djhjMCAuMy0uMS42LS4zLjhzLS41LjMtLjguM2gtNC42Yy0uMyAwLS42LS4xLS44LS4zcy0uMy0uNS0uMy0uOHYtOGgtNC42Yy0uMyAwLS42LS4xLS44LS4zcy0uMy0uNS0uMy0uOC4xLS42LjMtLjhsOC04Yy4yLS4yLjUtLjMuOC0uM3MuNi4xLjguM2w4IDhjLjIuMy4zLjUuMy44eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: invert(0);
    height: 16px;
    left: 24px;
    position: absolute;
    top: calc(50% - 8px);
    width: 16px
  }

  .uploadLabel:hover:before {
    filter: invert(1)
  }

.margin-bottom > .uploadLabel:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwLjIgMTguM2MwIDIuMy0xLjkgNC4yLTQuMiA0LjJzLTQuMi0xLjktNC4yLTQuMlMxMy43IDE0IDE2IDE0czQuMiAxLjkgNC4yIDQuM3ptOC43LTEwLjdjMS43IDAgMy4xIDEuNCAzLjEgMy4xdjE0LjhjMCAxLjgtMS41IDMuMy0zLjMgMy4zSDMuM2MtMS44IDAtMy4zLTEuNS0zLjMtMy4zVjEwLjdDMCA5IDEuNCA3LjYgMy4xIDcuNmg2LjFsLjMtMS4yYy40LTEuOSAyLjEtMy4yIDQuMS0zLjJoNC45YzEuOSAwIDMuNiAxLjMgNC4xIDMuMmwuMyAxLjJ6TTYuNCAxMi4xYzAtLjgtLjctMS41LTEuNS0xLjUtLjkgMC0xLjUuNy0xLjUgMS41cy43IDEuNSAxLjUgMS41IDEuNS0uNyAxLjUtMS41em0xNy4yIDYuMmMwLTQuMi0zLjQtNy42LTcuNi03LjZzLTcuNiAzLjQtNy42IDcuNiAzLjQgNy42IDcuNiA3LjYgNy42LTMuNSA3LjYtNy42eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iNi41NzEiIHN0cm9rZS13aWR0aD0iMS42NDMiLz48L3N2Zz4=")
}

.fa-arrow-up-from-bracket:before, .fa-camera:before, .fa-pen:before, .fa-trash:before {
  display: none
}

.ReservationInfo {
  margin: 32px auto !important;
  max-width: 600px
}

  .ReservationInfo div label {
    padding-right: 16px;
    width: auto;
    word-break: break-word
  }

#exitToExternalPageButton, #searchNewAppointmentButton {
  width: auto
}

.divAppointmentReservationInfoLabel, .divAppointmentReservationInfoLabel * {
  font-weight: 700
}

.ReservationInfoItem .ReservationInfoItem {
  align-items: flex-end;
  display: flex
}

.ReservationInfoItem span, .ReservationInfoItem span strong {
  font-weight: 300
}

.divAppExpnder .ui-expander-header {
  background-color: transparent !important;
  width: 100%
}

  .divAppExpnder .ui-expander-header.ui-state-active {
    background-color: #f7f3f1 !important;
    border-bottom: 1px solid #e5dad4;
    border-radius: 0 !important
  }

  .divAppExpnder .ui-expander-header a {
    padding-left: 4px
  }

    .divAppExpnder .ui-expander-header a .expanderTitle {
      color: #3b3b3b;
      position: relative
    }

      .divAppExpnder .ui-expander-header a .expanderTitle:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYuMzMyIDguMzM0IDQuMTY3IDQuMTY3IDQuMTY2LTQuMTY3IiBzdHJva2U9IiMxRDFEMUIiLz48L3N2Zz4=");
        background-size: contain;
        content: "";
        display: block;
        height: 14px;
        margin-top: -8px;
        position: absolute;
        right: -20px;
        top: 50%;
        width: 16px
      }

.divAppExpnder .ui-widget-content {
  background-color: #f7f3f1 !important;
  border: none !important
}

.divAppExpnder .AppointmentReservationCheckBoxInputLabels {
  color: #3b3b3b;
  font-weight: 300;
  position: relative;
  top: -2px
}

.divAppExpnder #deleteAppointmentButton {
  width: auto
}

#loadingDiv .divLoadingImg img {
  height: 100px;
  width: 100px
}

#loadingDiv a {
  color: #fff !important;
  text-transform: uppercase
}

.error {
  background-color: #ffdcdd;
  border-radius: 16px;
  color: #e6344c;
  padding: 16px 16px 16px 48px;
  position: relative
}

  .error label.messageText {
    padding: 0
  }

  .error:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNy45OTkiIGN5PSI4LjAwMSIgcj0iNi42NjciIGZpbGw9IiNFNjM0NEMiLz48cGF0aCBkPSJNNy4zMzIgNEg5LjExdjQuODg5SDcuMzMyVjRabTAgOHYtMS43NzhIOS4xMVYxMkg3LjMzMloiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    left: 20px;
    position: absolute;
    top: 18px;
    width: 16px
  }

#AppointmentReserve_btnSubmit, #exitToExternalPageButton, #searchNewAppointmentButton, .button, .divAppExpnder #deleteAppointmentButton, .uploadLabel, .white input[type=button]:hover:not(.recorderButton), .yellow input[type=button], .yellow input[type=submit] {
  background-color: #000 !important;
  border: 3px solid transparent;
  font-size: 16px !important;
  height: auto !important;
  min-width: 0;
  padding: 12px 32px;
  transition: all 375ms cubic-bezier(.4,0,.2,1)
}

  #AppointmentReserve_btnSubmit:disabled, #exitToExternalPageButton:disabled, #searchNewAppointmentButton:disabled, .button:disabled, .divAppExpnder #deleteAppointmentButton:disabled, .uploadLabel:disabled, .white input[type=button]:hover:not(.recorderButton):disabled, .yellow input[type=button]:disabled, .yellow input[type=submit]:disabled {
    border-color: transparent !important;
    opacity: .4;
    pointer-events: none
  }

  #AppointmentReserve_btnSubmit:focus, #exitToExternalPageButton:focus, #searchNewAppointmentButton:focus, .button:focus, .divAppExpnder #deleteAppointmentButton:focus, .uploadLabel:focus, .white input[type=button]:hover:not(.recorderButton):focus, .yellow input[type=button]:focus, .yellow input[type=submit]:focus {
    border-color: #46c0ec !important
  }

  #AppointmentReserve_btnSubmit:hover, #exitToExternalPageButton:hover, #searchNewAppointmentButton:hover, .button:hover, .divAppExpnder #deleteAppointmentButton:hover, .uploadLabel:hover, .white input[type=button]:hover:not(.recorderButton):hover, .yellow input[type=button]:hover, .yellow input[type=submit]:hover {
    background-color: #f7f3f1 !important;
    border: 3px solid #f7f3f1 !important;
    color: #3b3b3b
  }

.divElementRow input[type=date], .divElementRow input[type=email], .divElementRow input[type=password], .divElementRow input[type=tel], .divElementRow input[type=text], .divTanElementRow input[type=date], .divTanElementRow input[type=email], .divTanElementRow input[type=password], .divTanElementRow input[type=tel], .divTanElementRow input[type=text], .input-style input[type=date], .input-style input[type=email], .input-style input[type=password], .input-style input[type=tel], .input-style input[type=text] {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 16px;
  box-shadow: 0 2px 20px rgba(29,29,27,.2);
  box-sizing: border-box;
  color: #1d1d1b;
  float: none;
  font-size: 14px;
  outline: none !important;
  padding: 26px 16px;
  transition: border-color 375ms cubic-bezier(.4,0,.2,1);
  width: 100%
}

  .divElementRow input[type=date]::-ms-reveal, .divElementRow input[type=email]::-ms-reveal, .divElementRow input[type=password]::-ms-reveal, .divElementRow input[type=tel]::-ms-reveal, .divElementRow input[type=text]::-ms-reveal, .divTanElementRow input[type=date]::-ms-reveal, .divTanElementRow input[type=email]::-ms-reveal, .divTanElementRow input[type=password]::-ms-reveal, .divTanElementRow input[type=tel]::-ms-reveal, .divTanElementRow input[type=text]::-ms-reveal, .input-style input[type=date]::-ms-reveal, .input-style input[type=email]::-ms-reveal, .input-style input[type=password]::-ms-reveal, .input-style input[type=tel]::-ms-reveal, .input-style input[type=text]::-ms-reveal {
    display: none
  }

  .divElementRow input[type=date]:focus, .divElementRow input[type=email]:focus, .divElementRow input[type=password]:focus, .divElementRow input[type=tel]:focus, .divElementRow input[type=text]:focus, .divTanElementRow input[type=date]:focus, .divTanElementRow input[type=email]:focus, .divTanElementRow input[type=password]:focus, .divTanElementRow input[type=tel]:focus, .divTanElementRow input[type=text]:focus, .input-style input[type=date]:focus, .input-style input[type=email]:focus, .input-style input[type=password]:focus, .input-style input[type=tel]:focus, .input-style input[type=text]:focus {
    border-color: #1d1d1b;
    box-shadow: 0 2px 20px rgba(29,29,27,.2)
  }

  .divElementRow input[type=date]::placeholder, .divElementRow input[type=email]::placeholder, .divElementRow input[type=password]::placeholder, .divElementRow input[type=tel]::placeholder, .divElementRow input[type=text]::placeholder, .divTanElementRow input[type=date]::placeholder, .divTanElementRow input[type=email]::placeholder, .divTanElementRow input[type=password]::placeholder, .divTanElementRow input[type=tel]::placeholder, .divTanElementRow input[type=text]::placeholder, .input-style input[type=date]::placeholder, .input-style input[type=email]::placeholder, .input-style input[type=password]::placeholder, .input-style input[type=tel]::placeholder, .input-style input[type=text]::placeholder {
    color: #1d1d1b;
    font-weight: 500
  }

  .divElementRow input[type=date]:focus, .divElementRow input[type=date]:not(:placeholder-shown), .divElementRow input[type=email]:focus, .divElementRow input[type=email]:not(:placeholder-shown), .divElementRow input[type=password]:focus, .divElementRow input[type=password]:not(:placeholder-shown), .divElementRow input[type=tel]:focus, .divElementRow input[type=tel]:not(:placeholder-shown), .divElementRow input[type=text]:focus, .divElementRow input[type=text]:not(:placeholder-shown), .divTanElementRow input[type=date]:focus, .divTanElementRow input[type=date]:not(:placeholder-shown), .divTanElementRow input[type=email]:focus, .divTanElementRow input[type=email]:not(:placeholder-shown), .divTanElementRow input[type=password]:focus, .divTanElementRow input[type=password]:not(:placeholder-shown), .divTanElementRow input[type=tel]:focus, .divTanElementRow input[type=tel]:not(:placeholder-shown), .divTanElementRow input[type=text]:focus, .divTanElementRow input[type=text]:not(:placeholder-shown), .input-style input[type=date]:focus, .input-style input[type=date]:not(:placeholder-shown), .input-style input[type=email]:focus, .input-style input[type=email]:not(:placeholder-shown), .input-style input[type=password]:focus, .input-style input[type=password]:not(:placeholder-shown), .input-style input[type=tel]:focus, .input-style input[type=tel]:not(:placeholder-shown), .input-style input[type=text]:focus, .input-style input[type=text]:not(:placeholder-shown) {
    padding-bottom: 16px;
    padding-top: 36px
  }

    .divElementRow input[type=date]:focus::placeholder, .divElementRow input[type=date]:not(:placeholder-shown)::placeholder, .divElementRow input[type=email]:focus::placeholder, .divElementRow input[type=email]:not(:placeholder-shown)::placeholder, .divElementRow input[type=password]:focus::placeholder, .divElementRow input[type=password]:not(:placeholder-shown)::placeholder, .divElementRow input[type=tel]:focus::placeholder, .divElementRow input[type=tel]:not(:placeholder-shown)::placeholder, .divElementRow input[type=text]:focus::placeholder, .divElementRow input[type=text]:not(:placeholder-shown)::placeholder, .divTanElementRow input[type=date]:focus::placeholder, .divTanElementRow input[type=date]:not(:placeholder-shown)::placeholder, .divTanElementRow input[type=email]:focus::placeholder, .divTanElementRow input[type=email]:not(:placeholder-shown)::placeholder, .divTanElementRow input[type=password]:focus::placeholder, .divTanElementRow input[type=password]:not(:placeholder-shown)::placeholder, .divTanElementRow input[type=tel]:focus::placeholder, .divTanElementRow input[type=tel]:not(:placeholder-shown)::placeholder, .divTanElementRow input[type=text]:focus::placeholder, .divTanElementRow input[type=text]:not(:placeholder-shown)::placeholder, .input-style input[type=date]:focus::placeholder, .input-style input[type=date]:not(:placeholder-shown)::placeholder, .input-style input[type=email]:focus::placeholder, .input-style input[type=email]:not(:placeholder-shown)::placeholder, .input-style input[type=password]:focus::placeholder, .input-style input[type=password]:not(:placeholder-shown)::placeholder, .input-style input[type=tel]:focus::placeholder, .input-style input[type=tel]:not(:placeholder-shown)::placeholder, .input-style input[type=text]:focus::placeholder, .input-style input[type=text]:not(:placeholder-shown)::placeholder {
      opacity: 0;
      transition-duration: 0ms
    }

    .divElementRow input[type=date]:focus ~ label, .divElementRow input[type=date]:not(:placeholder-shown) ~ label, .divElementRow input[type=email]:focus ~ label, .divElementRow input[type=email]:not(:placeholder-shown) ~ label, .divElementRow input[type=password]:focus ~ label, .divElementRow input[type=password]:not(:placeholder-shown) ~ label, .divElementRow input[type=tel]:focus ~ label, .divElementRow input[type=tel]:not(:placeholder-shown) ~ label, .divElementRow input[type=text]:focus ~ label, .divElementRow input[type=text]:not(:placeholder-shown) ~ label, .divTanElementRow input[type=date]:focus ~ label, .divTanElementRow input[type=date]:not(:placeholder-shown) ~ label, .divTanElementRow input[type=email]:focus ~ label, .divTanElementRow input[type=email]:not(:placeholder-shown) ~ label, .divTanElementRow input[type=password]:focus ~ label, .divTanElementRow input[type=password]:not(:placeholder-shown) ~ label, .divTanElementRow input[type=tel]:focus ~ label, .divTanElementRow input[type=tel]:not(:placeholder-shown) ~ label, .divTanElementRow input[type=text]:focus ~ label, .divTanElementRow input[type=text]:not(:placeholder-shown) ~ label, .input-style input[type=date]:focus ~ label, .input-style input[type=date]:not(:placeholder-shown) ~ label, .input-style input[type=email]:focus ~ label, .input-style input[type=email]:not(:placeholder-shown) ~ label, .input-style input[type=password]:focus ~ label, .input-style input[type=password]:not(:placeholder-shown) ~ label, .input-style input[type=tel]:focus ~ label, .input-style input[type=tel]:not(:placeholder-shown) ~ label, .input-style input[type=text]:focus ~ label, .input-style input[type=text]:not(:placeholder-shown) ~ label {
      color: #6c6c69;
      font-size: 10px;
      opacity: 1;
      transform: translateY(-8px);
      transition: transform 375ms cubic-bezier(.4,0,.2,1),color 375ms cubic-bezier(.4,0,.2,1),font-size 375ms cubic-bezier(.4,0,.2,1);
      visibility: visible;
      z-index: 1
    }

.divElementRow:active input[type=date], .divElementRow:active input[type=password], .divElementRow:active input[type=text], .divElementRow:hover input[type=date], .divElementRow:hover input[type=password], .divElementRow:hover input[type=text], .divTanElementRow:active input[type=date], .divTanElementRow:active input[type=password], .divTanElementRow:active input[type=text], .divTanElementRow:hover input[type=date], .divTanElementRow:hover input[type=password], .divTanElementRow:hover input[type=text], .input-style:active input[type=date], .input-style:active input[type=password], .input-style:active input[type=text], .input-style:hover input[type=date], .input-style:hover input[type=password], .input-style:hover input[type=text] {
  border-color: #1d1d1b
}

.divElementRow .tooltip, .divTanElementRow .tooltip, .input-style .tooltip {
  height: 16px;
  position: absolute;
  right: 16px;
  top: 20px;
  width: 16px
}

  .divElementRow .tooltip img, .divTanElementRow .tooltip img, .input-style .tooltip img {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .divElementRow .tooltip:before, .divTanElementRow .tooltip:before, .input-style .tooltip:before {
    align-items: center;
    background-color: var(--ordinationsleitfarbe);
    border-radius: 50%;
    color: #fff;
    content: "?";
    display: flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

.divElementRow label, .divTanElementRow label, .label-style label {
  bottom: 1.9rem;
  color: #1d1d1b;
  display: block;
  font-size: 13px;
  font-weight: 400;
  left: 16px;
  letter-spacing: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 18px
}

.divElementRow, .divTanElementRow {
  font-size: 13px;
  position: relative
}

  .divElementRow .divTANdDescription, .divTanElementRow .divTANdDescription {
    cursor: pointer;
    height: 20px;
    left: auto;
    margin-top: -12px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: all 375ms cubic-bezier(.4,0,.2,1);
    width: 20px
  }

    .divElementRow .divTANdDescription:focus, .divElementRow .divTANdDescription:hover, .divTanElementRow .divTANdDescription:focus, .divTanElementRow .divTANdDescription:hover {
      transform: scale(1.1);
      transform-origin: 50% 50%
    }

    .divElementRow .divTANdDescription span:last-child, .divTanElementRow .divTANdDescription span:last-child {
      display: none
    }

    .divElementRow .divTANdDescription .wijmo-checkbox, .divTanElementRow .divTANdDescription .wijmo-checkbox {
      background-color: transparent !important;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMjEgMjEgMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2IzYjNiIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjEgOS4xYy41LS41IDEuMi0uOCAxLjktLjhzMS40LjMgMS45LjguOCAxLjIuOCAxLjktLjMgMS40LS44IDEuOS0xLjIuOC0xLjkuOC0xLjQtLjMtMS45LS44LS44LTEuMi0uOC0xLjkuMy0xLjQuOC0xLjl6bS0xLjMgNS4xYy45LjkgMiAxLjMgMy4yIDEuM3MyLjQtLjUgMy4yLTEuM2MuOS0uOSAxLjMtMiAxLjMtMy4ycy0uNS0yLjQtMS4zLTMuMmMtLjktLjktMi0xLjMtMy4yLTEuM3MtMi40LjQtMy4yIDEuMy0xLjMgMi0xLjMgMy4yLjQgMi40IDEuMyAzLjJ6TTEgMTFjMS42LTQgNS41LTYuOCAxMC02LjhTMTkuNCA3IDIxIDExYy0xLjYgNC01LjUgNi44LTEwIDYuOFMyLjYgMTUgMSAxMXptMTAuOSAwYy41IDAgLjktLjQuOS0uOXMtLjQtLjktLjktLjktLjkuNC0uOS45LjQuOS45Ljl6IiBmaWxsPSIjM2IzYjNiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
      background-position: 50% 50%;
      background-size: 100%;
      height: 20px !important;
      opacity: 1;
      width: 20px !important
    }

      .divElementRow .divTANdDescription .wijmo-checkbox.ui-state-checked, .divTanElementRow .divTANdDescription .wijmo-checkbox.ui-state-checked {
        background-color: #fff !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4xIDkuMWMuNS0uNSAxLjItLjggMS45LS44czEuNC4zIDEuOS44LjggMS4yLjggMS45LS4zIDEuNC0uOCAxLjktMS4yLjgtMS45LjgtMS40LS4zLTEuOS0uOC0uOC0xLjItLjgtMS45LjMtMS40LjgtMS45em0tMS4zIDUuMWMuOS45IDIgMS4zIDMuMiAxLjNzMi40LS41IDMuMi0xLjNjLjktLjkgMS4zLTIgMS4zLTMuMnMtLjUtMi40LTEuMy0zLjJjLS45LS45LTItMS4zLTMuMi0xLjNzLTIuNC40LTMuMiAxLjMtMS4zIDItMS4zIDMuMi40IDIuNCAxLjMgMy4yek0xIDExYzEuNi00IDUuNS02LjggMTAtNi44UzE5LjQgNyAyMSAxMWMtMS42IDQtNS41IDYuOC0xMCA2LjhTMi42IDE1IDEgMTF6bTEwLjkgMGMuNSAwIC45LS40LjktLjlzLS40LS45LS45LS45LS45LjQtLjkuOS40LjkuOS45eiIgZmlsbD0iIzNiM2IzYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") !important
      }

    .divElementRow .divTANdDescription .wijmo-checkbox-inputwrapper, .divTanElementRow .divTANdDescription .wijmo-checkbox-inputwrapper {
      height: 20px !important;
      overflow: visible !important;
      width: 20px !important
    }

      .divElementRow .divTANdDescription .wijmo-checkbox-inputwrapper input, .divTanElementRow .divTANdDescription .wijmo-checkbox-inputwrapper input {
        border-radius: 0;
        height: 30px !important;
        left: -9px;
        outline: none !important;
        position: absolute;
        top: -10px;
        width: 30px !important
      }

        .divElementRow .divTANdDescription .wijmo-checkbox-inputwrapper input:focus, .divTanElementRow .divTANdDescription .wijmo-checkbox-inputwrapper input:focus {
          border: 1px solid #1d1d1b
        }

    .divElementRow .divTANdDescription .wijmo-checkbox .wijmo-checkbox-box, .divTanElementRow .divTANdDescription .wijmo-checkbox .wijmo-checkbox-box {
      display: none !important
    }

input[type=date]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none
}

label a {
  color: #3b3b3b !important;
  text-decoration: underline
}

textarea {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 16px;
  box-shadow: 0 2px 20px rgba(29,29,27,.2);
  box-sizing: border-box;
  color: #1d1d1b;
  float: none;
  letter-spacing: 1px;
  outline: none !important;
  padding: 16px;
  transition: border-color 375ms cubic-bezier(.4,0,.2,1);
  width: 100%
}

  textarea::-ms-reveal {
    display: none
  }

  textarea:focus {
    border-color: #1d1d1b;
    box-shadow: 0 2px 20px rgba(29,29,27,.2)
  }

  textarea::placeholder {
    color: #1d1d1b;
    letter-spacing: 1px
  }

  textarea:focus, textarea:not(:placeholder-shown) {
    padding-bottom: 16px
  }

    textarea:focus::placeholder, textarea:not(:placeholder-shown)::placeholder {
      opacity: 0;
      transition-duration: 0ms
    }

    textarea:focus ~ label, textarea:not(:placeholder-shown) ~ label {
      color: #1d1d1b;
      font-size: 16px;
      opacity: 1;
      transform: translateY(-8px);
      transition: transform 375ms cubic-bezier(.4,0,.2,1),color 375ms cubic-bezier(.4,0,.2,1),font-size 375ms cubic-bezier(.4,0,.2,1);
      visibility: visible;
      z-index: 1
    }

input[type=checkbox] {
  accent-color: #000;
  position: relative;
  top: 4px
}

* {
  box-sizing: border-box
}