/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./assets/scss/app.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.mydonationsmodule {
  padding-top: 0;
}
.mydonationsmodule #tabscontainer {
  width: auto;
}
.mydonationsmodule #tabscontainer a {
  padding: 1em 3em;
  width: auto;
}
.mydonationsmodule #tabscontainer span {
  width: 1em;
}
.mydonationsmodule .slidecontainer {
  text-align: center;
  padding-bottom: 2em;
  display: block;
}
.mydonationsmodule .slidecontainer > p {
  color: #7e939b;
  margin: 1em 0 2em 0;
}

.donationrow {
  font-size: 17px;
  border: 1px solid #c0d2d6;
  width: 100%;
  border-radius: 5px;
  overflow: auto;
  padding: 1em;
  margin-bottom: 1em;
  box-sizing: border-box;
}
.donationrow img {
  max-height: 4em;
  display: block;
}
.donationrow div {
  float: left;
  padding-right: 3em;
}
.donationrow div.donationname {
  line-height: 4em;
  color: #394a57;
  font-weight: 700;
}
.donationrow div.donationamounts {
  float: right;
  padding-right: 0;
}
.donationrow div.donationamount {
  /*float: right;*/
  line-height: 4em;
  color: #00a8f9;
  font-weight: 700;
  padding: 0;
}
.donationrow div.donationamount:not(:last-child):after {
  content: "/";
}
.donationrow div.donationlabel {
  float: right;
  line-height: 4em;
  color: #7e939b;
  font-weight: 700;
}
.donationrow div.donationlabel span {
  display: none;
  color: #00a8f9;
}
.donationrow div.donationlabel span:not(:first-child) {
  padding-left: 0.5em;
}
.donationrow div.donationlabel span :not(:last-child):after {
  content: "/";
  padding-left: 0.5em;
}

@media only screen and (max-width: 767px) {
  .mydonationsmodule .slidecontainer > .subheader {
    text-align: right;
  }
  .donationrow div {
    float: left;
    text-align: center;
    padding: 0;
  }
  .donationrow div.donationamount {
    clear: both;
    line-height: 2em;
  }
  .donationrow img {
    margin: 0 auto;
  }
  .donationrow div.donationname {
    line-height: 2em;
  }
  .donationrow div.donationlabel {
    line-height: 2em;
  }
  .donationrow div.donationlabel span {
    display: inline;
    padding-left: 1em;
  }
}
form[name=patient_conditions] > .errormsg {
  display: none;
}
form[name=patient_conditions] [data-role=user-condition-block] .successmsg {
  display: none;
}
form[name=patient_conditions] [data-role=user-condition-block]:first-child .successmsg {
  display: block;
}
form[name=patient_conditions] [data-role=user-condition-block] div[data-role=base-medications] > .dblspacing {
  margin-top: 0;
}
form[name=patient_conditions] [data-role=user-condition-block] div[data-role=additional-medications] {
  margin-top: 0;
}
form[name=patient_conditions] [data-role=user-condition-block] .has-base-medications div[data-role=additional-medications] {
  margin-top: 2.5em;
}

form .conditions .dependent-fields-block .formmodule {
  margin-bottom: 0;
  padding-bottom: 0;
}

form .conditions .dependent-fields-block .formfields {
  margin-top: 0;
}

form .conditions .dependent-fields-block label {
  display: none;
}

form .conditions .dependent-fields-block:first-child label {
  display: block;
}

form .conditions .dependent-fields-block:last-child .formmodule {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}

form .conditions .dependent-fields-block[data-condition-idx="0"] a.btn.delete-condition {
  display: none;
}

form .conditions .dependent-fields-block a.btn.add-condition {
  display: none;
}

form .conditions .dependent-fields-block[data-condition-idx="0"] a.btn.add-condition {
  display: block;
}

form .conditions .dependent-fields-block .profile-patient {
  margin: 0 0 1.5em 0;
}

a.btn.more.ui-button {
  padding-left: 3em;
  padding-right: 1.75em;
}

.dependent-fields-block .conditions-buttons {
  clear: left;
}

.practice-info > p > span {
  clear: left;
  display: block;
}

.fileuploadimg {
  text-align: center;
}

.fileuploadimg > img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.formcol.hide-errors .errormsg {
  display: none;
}

.autocomplete-container {
  clear: both;
  display: block;
}

.formmodule .autocomplete-container > label {
  float: none;
}

.autocomplete-container > .selectize-control {
  clear: both;
  display: block;
  margin: 1em 0;
}

@media screen and (max-width: 767px) {
  #work-for-charity-block .buttons {
    margin-right: 0;
    margin-left: 0;
  }
}

/**********************************************************************************************************************
                        Patient verification
**********************************************************************************************************************/
.patient-verification-files {
  display: none;
  width: 100%;
}

.patient-verification-files.visible {
  display: block;
}

[data-screening-method=phone] [data-scope=online-screener], [data-screening-method=online_main_survey] [data-scope=online-screener] {
  display: none;
}

[data-project-type=qual] [data-scope=project-quant] {
  display: none;
  visibility: hidden;
}

[data-project-type=quant] [data-scope=project-qual] {
  display: none;
  visibility: hidden;
}

.with-test-button {
  position: relative;
}
.with-test-button > a.test-button {
  position: absolute;
  left: 100%;
  margin-left: 1em;
  white-space: nowrap;
  top: 2.5em;
}

@media only screen and (max-width: 767px) {
  .with-test-button {
    position: static;
  }
  .with-test-button > a.test-button {
    clear: left;
    position: static;
    display: block;
    margin-left: 0;
    margin-bottom: 1em;
  }
}
.verification-upload-container {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.alternative_email_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.alternative_email_row .warning {
  background-image: linear-gradient(to left, #f0f5f7, #f0f5f7 98.5%, #E74B73 98.5%, #E74B73 100%) !important;
}
.alternative_email_row input {
  margin: 0;
  text-align: left;
  float: left;
  width: 100%;
}
.alternative_email_row a {
  color: #303F47;
  cursor: pointer;
  font-size: 17px;
  border-radius: 5px;
  background-color: #F0F5F7;
  border: 0;
  padding: 0.5em 2em;
}
.alternative_email_row a.remove {
  color: #F0F5F7;
  background-color: #7E939B;
}

@media only screen and (max-width: 767px) {
  .alternative_email_row div {
    width: 100%;
  }
  .alternative_email_row .buttons {
    display: grid;
  }
  .alternative_email_row .buttons a {
    margin-top: 10px;
  }
}
.sf-toolbar .sf-minitoolbar, .sf-toolbar .sf-toolbarreset {
  z-index: 999999999 !important;
}

.slidecontainer.slider-block {
  padding-bottom: 5em;
}
.slidecontainer.slider-block > .slider-pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 0 1em 0;
}
.slidecontainer.slider-block > .slider-pagination ul {
  vertical-align: top;
  background-color: transparent;
  margin: 0.5em 0.5em 0 0.5em;
  padding: 0;
}
.slidecontainer.slider-block > .slider-pagination ul li {
  line-height: 1em;
  width: 1em;
  height: 1em;
  margin-left: 0.2em;
}
.slidecontainer.slider-block > .slider-pagination ul li:first-child {
  margin-left: 0;
}
.slidecontainer.slider-block > .slider-pagination ul li.cycle-pager-active {
  background-color: #3f3060;
}
.slidecontainer.slider-block > .slider-pagination ul li a {
  line-height: 1em;
  font-size: 1em;
}
.slidecontainer.slider-block > .slider-pagination .prev, .slidecontainer.slider-block > .slider-pagination .next {
  cursor: pointer;
}
.slidecontainer.slider-block > .slider-pagination .prev img, .slidecontainer.slider-block > .slider-pagination .next img {
  width: 1.5em;
}
.slidecontainer.slider-block > .slider-pagination > .prev, .slidecontainer.slider-block > .slider-pagination > .next, .slidecontainer.slider-block > .slider-pagination > ul {
  display: inline-block;
}
.slidecontainer > .sub-title {
  color: #7e939b;
  font-weight: normal;
  margin: 0.5em 0 1.5em 0;
}
@media only screen and (max-width: 767px) {
  .slidecontainer.slider-block > .slider-pagination .prev img, .slidecontainer.slider-block > .slider-pagination .next img {
    width: 2em;
  }
}

#member-dashboard {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
#member-dashboard > .col3 {
  border-radius: 1em;
  min-height: 200px;
  background: #ffffff;
  border-color: transparent;
  margin-bottom: 1em;
  padding: 1em;
  box-sizing: border-box;
  float: none;
  position: relative;
}
#member-dashboard > .col3.mobileonly {
  display: none;
}
#member-dashboard > .col3 hr {
  margin: 1em 2em;
}
#member-dashboard > .col3 .btn {
  font-size: 16px;
  line-height: 1.4em;
}
#member-dashboard > .col3 .block-title {
  text-align: center;
  font-weight: bold;
  margin-left: -0.75em;
  margin-right: -0.75em;
}
#member-dashboard > .col3 .block-title > div {
  display: inline-block;
}
#member-dashboard > .col3 .block-title > div img {
  margin-top: 0.5em;
  margin-right: 0.5em;
}
#member-dashboard > .col3 .block-title > div span {
  display: inline-block;
  vertical-align: top;
  padding-top: 0.5em;
}
#member-dashboard > .col3 .field-row {
  text-align: center;
  padding: 0 0 1em 0;
  font-size: 16px;
  line-height: 1.2em;
}
#member-dashboard > .col3 .field-row .field-label {
  color: #00d3f9;
  text-transform: uppercase;
  margin: 0.25em;
}
#member-dashboard > .col3 .field-row .field-value {
  color: #3a4850;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row {
  margin: 0.5em 2em;
  padding: 1em 0;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.blue {
  background: #e6fbfe;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.blue > span {
  color: #4f4db8;
  font-weight: bold;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.cared-person-row {
  border: 1px solid #4f4db8;
  border-radius: 0.5em;
  text-align: left;
  padding: 1em;
  display: flex;
  justify-content: space-between;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.cared-person-row > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.cared-person-row > div.cared-person-who {
  color: #4f4db8;
  font-weight: bold;
  line-height: 2em;
  text-transform: uppercase;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.cared-person-row > div.cared-person-who > span {
  overflow-wrap: normal;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.cared-person-row > div.cared-person-button {
  flex-grow: 0;
}
#member-dashboard > .col3 .field-row .field-value .field-value-row.cared-person-row > div.cared-person-button a.btn {
  background: #f0f6f8;
  color: #748086;
  text-align: center;
  display: block;
  padding-left: 1em;
  padding-right: 1em;
}
#member-dashboard > .col3 .field-row .field-value.patient-conditions .field-value-row {
  padding: 0;
  text-align: center;
}
#member-dashboard > .col3 .field-row .highlighted-name {
  color: #4f4db8;
  font-weight: bold;
}
#member-dashboard > .col3 .field-row .last-project > div {
  margin: 0.25em 0;
}
#member-dashboard > .col3.how-it-works {
  background-color: transparent;
  border: 1px solid #3f3060;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide {
  padding: 0.5em 2em 0 2em;
  font-size: 14px;
  line-height: 20px;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide > p {
  margin-top: 2em;
  color: #242525;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide .slide-image {
  height: 5em;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide .slide-image img {
  height: 5em;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide .slide-number {
  text-align: center;
  margin: 1em 0;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide .slide-number > span {
  border-radius: 1em;
  border: 1px solid #c3d3d8;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
}
#member-dashboard > .col3.how-it-works .slidecontainer .slide .slide-title {
  text-align: center;
  font-weight: bold;
  margin-left: -0.75em;
  margin-right: -0.75em;
}
#member-dashboard > .col3.refer-friend {
  background: transparent;
  text-align: center;
  padding: 0;
  position: relative;
}
#member-dashboard > .col3.refer-friend.mobileonly {
  min-height: 20em;
}
#member-dashboard > .col3.refer-friend .refer-friend-circle {
  display: inline-block;
  background: #00a8f9;
  border-radius: 7em;
  height: 14em;
  width: 14em;
  margin-top: 1em;
}
#member-dashboard > .col3.refer-friend .refer-friend-circle > div {
  margin: 2.5em 0.5em;
  text-align: center;
  color: #ffffff;
}
#member-dashboard > .col3.refer-friend .refer-friend-circle > div .highlighted-name {
  color: #3f3060;
  font-weight: bold;
}
#member-dashboard > .col3.refer-friend .refer-friend-circle > div .btn {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: transparent;
  border-radius: 5px;
  margin-top: 1em;
}
#member-dashboard > .col3.with-bottom-button {
  padding-bottom: 3em;
}
#member-dashboard > .col3.with-bottom-button .bottom-button-container {
  position: absolute;
  left: 0;
  bottom: 1em;
  text-align: center;
  width: 100%;
}
#member-dashboard > .col3.with-bottom-button .bottom-button-container .btn-view-more {
  background: transparent;
  color: #00d3f9;
  border: 1px solid #00d3f9;
}
@media only screen and (max-width: 1279px) {
  #member-dashboard > .col3 {
    width: 48%;
  }
  #member-dashboard > .col3.desktoponly {
    display: none;
  }
  #member-dashboard > .col3.mobileonly {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  #member-dashboard > .col3 {
    width: 100%;
    margin: 0 0 1em 0;
  }
  #member-dashboard > .col3.refer-friend {
    min-height: 300px;
  }
  #member-dashboard > .col3.refer-friend div {
    line-height: 1.2em;
  }
}

/** #3727 */
.stepslist .listitem a {
  color: #4f4db8;
  font-weight: 700;
  text-decoration: none;
}
.stepslist .listitem a:hover {
  opacity: 80%;
}

.no-max-height-select .selectize-input {
  max-height: none !important;
}

.datepicker-range-inline {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.datepicker-range-inline .datepicker {
  width: 49%;
  position: inherit;
}
.datepicker-range-inline .datepicker .picker {
  width: 33%;
}
@media only screen and (max-width: 1024px) {
  .datepicker-range-inline .datepicker .picker {
    margin: 0 0 0 -68px;
  }
}
@media only screen and (max-width: 768px) {
  .datepicker-range-inline .datepicker .picker {
    width: 50%;
    margin: 0;
  }
}
.datepicker-range-inline .datepicker .input-error {
  text-align: left;
}
.datepicker-range-inline span {
  text-align: center;
  padding: 10px;
}

.datepicker-range-inline-full-width {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.datepicker-range-inline-full-width .datepicker {
  width: 49%;
  position: inherit;
}
.datepicker-range-inline-full-width .datepicker input[type=text] {
  width: 97%;
}
.datepicker-range-inline-full-width .datepicker .input-error {
  text-align: left;
}
.datepicker-range-inline-full-width span {
  text-align: center;
  width: 8%;
}

.break-all-word {
  word-break: break-all;
}

.top-crud-list {
  display: flex;
  justify-content: space-between;
}
.top-crud-list a {
  max-width: none !important;
}
.top-crud-list .searchcount {
  white-space: nowrap;
}
.top-crud-list .flex-exports {
  width: 100%;
}
@media screen and (max-width: 1500px) {
  .top-crud-list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .top-crud-list {
    flex-direction: column;
  }
  .top-crud-list .searchcount {
    white-space: normal;
    width: 100% !important;
  }
}

div.submodule.crud-list.admintable > div:nth-child(1) > h2 {
  text-align: left;
}

.negative-top-margin {
  margin-top: -21px;
}

.btn-upload-collection {
  display: flex;
  justify-content: end;
  flex-direction: column;
  margin: 1em 0 !important;
}

.btn-margin-fix a.btn {
  margin: 2px 0 2px 0.25em !important;
}

.crud-delete-button span {
  font-size: 16px;
  line-height: 16px;
}

.align-items-fix-end {
  align-items: flex-end !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./web/bundles/lruser/css/payment_info.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.payment-percent-field-container {
  background: #ecfef9;
  border: 1px solid #3df9c5;
  box-sizing: border-box;
  width: 53%;
  margin: 0;
  padding: 1em;
  overflow: hidden;
}
.payment-percent-field-container:first-child {
  margin-left: 5%;
  margin-right: 0;
  width: 40%;
}
.payment-percent-field-container > label {
  float: none;
  display: inline-block;
  white-space: nowrap;
}
.payment-percent-field-container > input {
  display: none;
}
.payment-percent-field-container > span {
  float: right;
  background: transparent;
  text-align: right;
  color: #4f4db8;
  font-size: 20px;
}

.radio-option-label-wrap .radio-option {
  white-space: nowrap;
}
.radio-option-label-wrap .radio-option .iradio {
  vertical-align: top;
}
.radio-option-label-wrap .radio-option span {
  white-space: normal;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!../bundles/lr-ui-bundle/assets/style/scss/legacy.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.text-left {
  text-align: left;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!../bundles/lr-ui-bundle/assets/component/tabs/tabs.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.tabsinner {
  width: 100%;
  text-align: left;
}

.verticaltabs .tabsinner {
  width: 80%;
  float: left;
  background-color: #ffffff;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.admintable .tabsinner .tabsubsection, .admintable .tabmobile,
.admintable .tabsubsection .tabmobile.open {
  background-color: #e5fafe;
  color: #394a57;
}
.admintable .tabsinner .tabsubsection.deleterequest,
.admintable .tabsubsection.deleterequest .tabmobile {
  background-color: #fdedf1;
}
.admintable .tabsinner .tabsubsection.nested,
.admintable .tabsubsection.nested .tabmobile {
  background-color: #eeeeee;
}
.admintable .tabsinner > .separator-row {
  background-color: #ffffff;
  font-size: 1.2em;
  padding: 0.5em 0;
}

@media only screen and (max-width: 767px) {
  .tabsinner {
    clear: both;
  }
  .verticaltabs .tabsinner {
    width: 100%;
    background-color: transparent;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/liberating-research/lr-ux-bundle/assets/styles/app.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
/* assets/styles/app.sss */
[data-role=text-limit-counter] {
  clear: left;
  text-align: right;
  color: #800080;
  line-height: 1em;
  font-size: 0.8em;
  padding-top: 0.2em;
}
[data-role=text-limit-counter].error, [data-role=text-limit-counter].error > * {
  color: #E74B73;
  font-weight: bold;
}

[data-text-limit-ignore] [data-role=text-limit-counter] {
  display: none;
}

.fileupload-container {
  display: flex;
  width: 100%;
  align-items: center;
}
.fileupload-container .fileupload-name {
  margin-left: 10px;
}

.input-with-selector input[data-phone-type] {
  display: inline-block;
  width: 70%;
  float: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 1px;
}

.input-vertical-margin {
  margin: 1em 0 !important;
}

.hidden-important {
  display: none !important;
}