@import "../fonts/inter.css";

:root {
  --ps-button: #E8E8EB;
  --ps-text-button: #252D52;
  --ps-input-color: #3e57821a;
  --ps-border-radius: 5px;
  --ps-text-primary: #ffffff;
  --ps-text-secondary: #ffffff;
  --ps-button-border-radius: 5px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--ps-text-accent);
}

.prescreener-form{
  font-family: inherit;
}

p.ps-body {
  margin-bottom: 0.7rem;
}
.p5{
  padding: 20px !important;
}
.no_prescreener_added_wrap{
  border-radius: 10px;
  border: 1px solid #E6E6E9;
  background: #FFF;
  text-align: center;
  min-height: 12rem;
  padding: 40px;
  color: #646A84;
}
.site__item__detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.site__item__counter{
  font-size: 18px;
  color: #252D52;
  padding-right: 20px;
}
.site__item__title {
  display: flex;
  align-items: center;
}
.site__item__location {
  /* padding-right: 1rem; */
  flex-shrink: 0;
}
.ps__map__list__container{
  display : flex;
}
.pl5 {
  padding-left: 15px;
}
.aligned-x{
  margin-left: 15px;
  margin-right: 15px;
}
.site__item__location {
  padding-left: 20px;
}
.ps__actions__stepper {
  margin-left: auto;
}
.align-center{
  align-items: center;
}



.q-color {
  color: var(--ps-question);
}

.subtitle {
  font-size: 1rem;
  display: flex;
  font-weight: 500;
}

.subtitle a{
  margin-left: 4px;
}

input[name="place"]::placeholder {
  font-style: italic;
  font-size: 12px;
  color: var(--ps-text-accent);
}

a.psButton-base:hover,
a.psButton-base:focus {
  color: var(--ps-text-button);
}
a.psButton-link:hover,
a.psButton-link:focus {
  color: var(--ps-button);
}

.ps-body {
  color: var(--ps-text-accent);
  font-size: 1rem;
}
.ps-text-normal {
  opacity: 1;
  
}
.ps-secondary-text{
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: var(--ps-text-accent) !important;
}
.ps-default{
  color: var(--ps-question) !important;
}
.headings{
  font-weight: 500;
  margin-bottom: 5px;
}
.ps-font-bold{
  font-weight: 500;
}
.ps-text-light {
  opacity: 0.6;
}
.ps-brand {
  background: var(--ps-brand);
  color: var(--ps-text-brand);
  font-size: 1.125rem;
}

.ps-heading {
  font-size: 18px;
  font-weight: 500;
}

.ps-accent {
  font-family: inherit;
  color: var(--ps-text-accent);
  font-size: var(--ps-body-font-size);
  background-color: transparent;
}

.heading-wrap {
  padding: 1rem;
  /* background: var(--primary_color);
  color: var(--primary_color_text);
  font-size: 18px; */
  margin: 0;
  border-radius: 10px 10px 0 0;
}
.heading-wrap .step {
  opacity: 0.5;
}
.heading-wrap .step.active {
  opacity: 1;
}

.ps__container {
  padding: 1.5rem;
}
.heading-caption {
  font-size: 16px;
  color: #4a5254;
}
.heading-sub,
.question-heading {
  color: var(--ps-question);
  font-size: var(--ps-question-font-size);
  font-weight: 500;
  margin-bottom: 0.5rem;
}


.formControl {
  margin-bottom: 1.5rem;
}
.formControl .heading-sub {
  /* margin-bottom: 1rem; */
  margin: 0;
  line-height: 120%;
}

.label-option,
.checkbox-options li {
  background: #ffffff;
  /* border: 1px solid #9fa9b080; */
  border: 1px solid #E8E8EB;
  /* border-radius: var(--ps-border-radius); */
  border-radius: 5px;
  opacity: 1;
  display: block;
  padding: 0.7rem;
  margin-bottom: 0.5rem;
}

.label-option:last-child {
  margin-bottom: 0;
}

/* #ts__prescreener .label-option {
  position: relative;
  bottom: -2px;
  vertical-align: base;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-flex;
  align-items: center;
} */

input[type="radio"],
input[type="checkbox"] {
  display: none !important;

  /* opacity: 0; */
}

.radio-option::before {
  content: "";
  height: 1.4rem;
  width: 1.4rem;
  border: 2px solid #E4E4E4;
  border-radius: 50%;
  position: absolute;
  left: calc(0rem + 1rem);
  background: transparent;
  z-index: 6;
}

.radio-option:hover::before {
  border: 2px solid var(--ps-primary);
}

.radio-option::after {
  content: "";
  height: 1.4rem;
  width: 1.4rem;
  background: var(--ps-primary);
  border-radius: 50%;
  position: absolute;
  left: calc(0rem + 1rem);
  transform: scale(0);
  transition: transform 0.3s;
  border: 4px solid #fff;
  z-index: 5;
}

.js-choose:checked + .radio-option::after {
  transform: scale(1);
}

#investigator_list .js-choose:checked + .label-option, #investigator_site_list .js-choose:checked + .label-option, .js-choose:checked + .trial_option{
  /* border: 1px solid var(--ps-primary); */
  background: color-mix(in srgb, var(--ps-primary) 10%, white);
  border: 1px solid var(--ps-primary)
}
.radio-option > span,
.checkbox-option > span {
  margin-left: 2.5rem;
}

.checkbox-option {
  display: block;
  position: relative;
}

.label-option {
  font-weight: normal;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  /* padding: 0px;
  margin: 0; */
}

label.checkbox-option::before {
  content: "";
  position: absolute;
  height: 1rem;
  width: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.54);
  left: 1rem;
}
label.checkbox-option:hover::before {
  border: 1px solid var(--ps-primary);
}

.trial_option_description{
  max-height: 20px;
  overflow: hidden;
}

.checkbox-option::after {
  content: "";
  position: absolute;
  height: 1rem;
  width: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  left: 1rem;
  /* background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path></svg>'); */
}

.checkbox-input:checked + .checkbox-option::after {
  border: 1px solid var(--ps-primary);
  background-color: var(--ps-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24'%3e%3cpath fill='white' d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3e%3c/svg%3e");
}
.site-cards:hover{
background-color: #F6F6F7;
}
/* form  */

.form-control.form-control {
  background-color: #ffffff;
  border: 1px solid var(--ps-input-color);
  border-radius: var(--ps-border-radius);
  font-size: var(--ps-body-font-size) !important;
  color:var(--ps-text-accent)
}

.prescreener-form .form-control.form-control:active,
.prescreener-form .form-control.form-control:focus {
  border: 1px solid var(--ps-text-accent) !important;
}

/* alert */
.ps-accent .alert-success.alert-success {
  /* background-color: #fff; */
  /* color: #0d827e; */
  /* border: 2px solid #0d827e; */
  /* font-size: 14px; */
  background: rgba(0, 152, 86, 0.1);
  color: #007F59;
  border: none;
}
.ps-accent .alert.alert {
  padding: 0.5rem;
  padding-left: 2.5rem !important;
  position: relative;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  width: auto;
  display: block;
}

.ps-accent .alert-dismissible {
  padding-right: 2.925rem !important;
}

.mb-3 {
  margin-bottom: 12px;
}
.mb0{
  margin-bottom: 0 !important;
}
.ps-accent .alert-error {
  background-color: rgba(255, 45, 27, 0.1);
  color: #FF2D1B;
  border: none;
  /* font-size: 1rem; */
}

.ps-accent .alert.alert-green{
  background-color: #007F59;
  color: #ffffff;
}

.ps-accent .alert.alert-default {
  background-color: #ecedef;
  color: #405463;
  border: none;
  padding-left: 1rem !important;
}

.ps-accent .alert::before {
  content: "";
  height: 16px;
  display: inline-block;
  width: 16px;
  vertical-align: middle;
  left: .73rem;
  top: 0.65rem;
  position: absolute;
}
.ps-accent .alert-success.alert-success::before {
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 10.874 21.803984 9.7942031 21.458984 8.7832031L19.839844 10.402344C19.944844 10.918344 20 11.453 20 12C20 16.411 16.411 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C13.633 4 15.151922 4.4938906 16.419922 5.3378906L17.851562 3.90625C16.203562 2.71225 14.185 2 12 2 z M 21.292969 3.2929688L11 13.585938L7.7070312 10.292969L6.2929688 11.707031L11 16.414062L22.707031 4.7070312L21.292969 3.2929688 z' fill='%230d827e'/%3E%3C/svg%3E"); */
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgc3Ryb2tlPSIjMDA5ODU2IiBmaWxsPSIjMDA5ODU2Ij48cGF0aCBkPSJtOC4yMjkgMTMuNzcxLTMuMjA4LTMuMjI5LjcyOS0uNzUgMi40NzkgMi40NTggNi4wMjEtNiAuNzI5Ljc3MVoiLz48L3N2Zz4=")
}
.ps-accent .alert-green::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcyNDRfMzgwNTQpIj4KPHBhdGggZD0iTTE0LjE2NyAyLjc4MzU3QzE1LjQyMzkgMy41MDkyOCAxNi40Njk0IDQuNTUwNjcgMTcuMjAwMiA1LjgwNDY1QzE3LjkzMDkgNy4wNTg2MyAxOC4zMjE1IDguNDgxNzEgMTguMzMzMiA5LjkzMzAyQzE4LjM0NDkgMTEuMzg0MyAxNy45Nzc0IDEyLjgxMzUgMTcuMjY3IDE0LjA3OTJDMTYuNTU2NiAxNS4zNDQ4IDE1LjUyOCAxNi40MDI5IDE0LjI4MyAxNy4xNDg4QzEzLjAzOCAxNy44OTQ4IDExLjYxOTggMTguMzAyNiAxMC4xNjg3IDE4LjMzMkM4LjcxNzY4IDE4LjM2MTMgNy4yODQxMiAxOC4wMTEyIDYuMDA5OTUgMTcuMzE2M0M0LjczNTc5IDE2LjYyMTMgMy42NjUyMiAxNS42MDU3IDIuOTA0MjEgMTQuMzY5OEMyLjE0MzIxIDEzLjEzNCAxLjcxODE3IDExLjcyMDggMS42NzExNiAxMC4yNzAyTDEuNjY2OTkgMTAuMDAwMkwxLjY3MTE2IDkuNzMwMjRDMS43MTc4MyA4LjI5MTA2IDIuMTM2NjIgNi44ODg1NCAyLjg4NjY5IDUuNjU5NEMzLjYzNjc3IDQuNDMwMjYgNC42OTI1NCAzLjQxNjQ1IDUuOTUxMDcgMi43MTY4QzcuMjA5NiAyLjAxNzE2IDguNjI3OTUgMS42NTU1NyAxMC4wNjc4IDEuNjY3MjdDMTEuNTA3NyAxLjY3ODk3IDEyLjkyIDIuMDYzNTcgMTQuMTY3IDIuNzgzNTdaTTEzLjA4OTUgNy43NDQ0QzEyLjk0NiA3LjYwMDkyIDEyLjc1NTEgNy41MTQ3MyAxMi41NTI2IDcuNTAyQzEyLjM1IDcuNDg5MjYgMTIuMTQ5OCA3LjU1MDg2IDExLjk4OTUgNy42NzUyNEwxMS45MTEyIDcuNzQ0NEw5LjE2Njk5IDEwLjQ4NzdMOC4wODk0OSA5LjQxMTA3TDguMDExMTYgOS4zNDE5QzcuODUwODEgOS4yMTc2MiA3LjY1MDY0IDkuMTU2MDkgNy40NDgxNiA5LjE2ODg2QzcuMjQ1NjkgOS4xODE2NCA3LjA1NDgzIDkuMjY3ODMgNi45MTEzOCA5LjQxMTI5QzYuNzY3OTIgOS41NTQ3NCA2LjY4MTczIDkuNzQ1NiA2LjY2ODk1IDkuOTQ4MDdDNi42NTYxOCAxMC4xNTA1IDYuNzE3NzEgMTAuMzUwNyA2Ljg0MTk5IDEwLjUxMTFMNi45MTExNiAxMC41ODk0TDguNTc3ODMgMTIuMjU2MUw4LjY1NjE2IDEyLjMyNTJDOC44MDIzIDEyLjQzODYgOC45ODIwMiAxMi41MDAyIDkuMTY2OTkgMTIuNTAwMkM5LjM1MTk3IDEyLjUwMDIgOS41MzE2OCAxMi40Mzg2IDkuNjc3ODMgMTIuMzI1Mkw5Ljc1NjE2IDEyLjI1NjFMMTMuMDg5NSA4LjkyMjc0TDEzLjE1ODcgOC44NDQ0QzEzLjI4MyA4LjY4NDA3IDEzLjM0NDYgOC40ODM4NiAxMy4zMzE5IDguMjgxMzNDMTMuMzE5MiA4LjA3ODgxIDEzLjIzMyA3Ljg4NzkgMTMuMDg5NSA3Ljc0NDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcyNDRfMzgwNTQiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
}
.ps-accent .alert-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.0292969C11.436813 3.0292969 10.873869 3.2917399 10.558594 3.8164062L1.7617188 18.451172C1.1134854 19.529186 1.94287 21 3.2011719 21L20.796875 21C22.054805 21 22.886515 19.529186 22.238281 18.451172L13.441406 3.8164062C13.126131 3.29174 12.563187 3.0292969 12 3.0292969 z M 12 5.2988281L20.236328 19L3.7636719 19L12 5.2988281 z M 11 9L11 14L13 14L13 9L11 9 z M 11 16L11 18L13 18L13 16L11 16 z' fill='%23B80000'/%3E%3C/svg%3E");
}

.ps-accent .alert-warning {
  background-color: rgba(242, 168, 80, 0.1);
  color: #bc6400;
  border: none;
}

.ps-accent .alert-warning::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3L5 5L7 5L7 6.34375C7 7.6692803 7.526238 8.9415505 8.4648438 9.8789062L10.585938 12L8.4648438 14.121094C7.526238 15.05845 7 16.33072 7 17.65625L7 19L5 19L5 21L7 21L9 21L15 21L17 21L19 21L19 19L17 19L17 17.65625C17 16.330841 16.472461 15.058398 15.535156 14.121094L13.414062 12L15.535156 9.8789062C16.473212 8.9408509 17 7.6692803 17 6.34375L17 5L19 5L19 3L5 3 z M 9 5L15 5L15 6.34375C15 7.1402197 14.685038 7.900899 14.121094 8.4648438L12 10.585938L9.8789062 8.4628906C9.315512 7.9002464 9 7.1402197 9 6.34375L9 5 z M 12 13.414062L14.121094 15.535156C14.683789 16.097852 15 16.861659 15 17.65625L15 19L9 19L9 17.65625C9 16.85978 9.315512 16.099754 9.8789062 15.537109L12 13.414062 z' fill='%23BC6400'/%3E%3C/svg%3E");
}
.border0{
  border: none !important
}
.ps-accent .alert-icon{
  width: 32.94px;
  height: 32.94px;
  background: rgba(242, 168, 80, 0.2);
  border-radius: 21px;
  justify-content: center;
  margin-bottom: 15px;
}
.ps__actions__container {
  display: flex;
}


.ps__logo__container {
  display: flex;
  justify-content: flex-end;
  padding: 0 1.5rem 0.5rem 0;
}
.text-md{
  font-size: 14px !important;
}
.text-sm{
  font-size: 12px !important;
}
.text-lg{
  font-size: 18px !important;
}
.ps__vertical_menu_active{
  box-shadow: 0px 4px 8px rgba(46, 56, 82, 0.17);
  border-radius: 5px;
  background-color: #fff;
}
.vertical_menu{
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background: #F9F9FA; 
    border-radius: 5px;
    padding: 5px;
}
.ps__logo {
  opacity: 40%;
  height : 15px;
}

.ts-actions {
  margin-bottom: 0;
}

.site__pagination__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.psButton-base {
  /* color: inherit; */
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  /* background-color: transparent; */
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.psButton-primary,
.psButton-primary:hover {
  --ps-button: var(--ps-primary);
  --ps-text-button: var(--ps-text-primary);
}

.psButton-secondary,
.psButton-secondary:hover {
  --ps-button: var(--ps-secondary);
  --ps-text-button: var(--ps-text-secondary);
}

.psButton-contained,
.psButton-contained:hover {
  color: var(--ps-text-button);
  background-color: var(--ps-button);
}

.psButton-root {
  /* --buttonColor: rgba(0, 0, 0, 0.87);
  --buttonBackgroundColor: transparent; */
  color: var(--ps-text-button);
  background-color: var(--ps-button);
  padding: 6px 16px;
  font-size: 0.875rem;
  min-width: 88px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-weight: 500;
  line-height: 1.75;
  border-radius: var(--ps-button-border-radius);
  letter-spacing: 0.02857em;
}
.btn-next svg{
margin-left: 5px;
}
.psButton-root:hover {
  text-decoration: none;
  opacity: 0.8;
  /* transition: 0.5s ease; */
}
.psButton-root:hover,
.psButton-root:focus,
.psButton-root:active {
  outline: none;
  text-decoration: none;
}

.psButton-root:disabled {
  opacity: 0.5;
  /* transition: 0.5s ease; */
}

.psButton-outlined,
.psButton-outlined:hover
.psButton-outlined:focus {
  border: 1px solid var(--ps-button);
  color: var(--ps-button) !important; 
  background: transparent;
}


.pl-0{
  padding-left: 0 !important;
}
.ps__form_label{
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: var(--ps-text-accent);
  font-weight: normal;
}
  .psButton-link,
  .psButton-link:hover
  .psButton-link:focus{
  color: var(--ps-button);
  background: transparent;
  border: 1px solid transparent;
  text-decoration: none;
}

.site_pagination_block .pagination {
  margin-top: 0;
  margin-bottom: 0;
}

.pagination .page-link {
  color: var(--ps-primary);
  /* padding: 1px 4px; */
  margin-right: 4px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  width: 26px;
  height: 26px;
  padding: 0px;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
  color: var(--ps-primary);
}

.pagination .active span {
  color: #fff;
  background-color: var(--ps-primary);
  border-color: var(--ps-primary);
  cursor: default;
}

p.help-text {
  font-style: normal;
  font-size: 0.875rem;
  margin-top: 0.3125rem;
}
.tip {
  font-size: 14px;
}
.ps__field{
  margin-top: 1.5rem;
  font-size: var(--ps-body-font-size);
}
#phone {
  border: 1px solid var(--ps-input-color);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  height: 48px;
  /* width: calc(100% - 100px) !important;
  margin-left: 100px !important; */
}
.iti{
  display: block !important;
}
.intl-tel-input.intl-tel-input.intl-tel-input.allow-dropdown.separate-dial-code
  input,
.intl-tel-input.intl-tel-input.allow-dropdown.separate-dial-code
  input[type="tel"] {
  padding-left: 124px !important;
}

.intl-tel-input.intl-tel-input.allow-dropdown.separate-dial-code
  .selected-flag ,.iti__flag-container .iti__selected-flag {
  background-color: transparent !important;
  border: 1px solid transparent;
  /* border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; */
  /* border-right-width: 0; */
}

.intl-tel-input.intl-tel-input .flag-container .selected-flag {
  padding: 0 1rem;
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag , .iti__flag-container .iti__selected-flag{
  width: 115px !important;
}

.intl-tel-input.intl-tel-input.allow-dropdown.separate-dial-code
  .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
  padding-right: 14px;
}
.iti .iti__selected-dial-code{
  padding-left:6px ;
  padding-right: 14px;
}
.ts-miles {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ts-miles > svg {
  fill: var(--ps-primary);
  margin-right: 4px;
}

.site__item__title address {
  margin-bottom: 0.5rem;
}

.intl-tel-input.intl-tel-input.allow-dropdown.separate-dial-code
  .selected-flag, .iti .iti__selected-flag {
  width: 102px;
  border-right: 1.5px solid var(--ps-input-color) !important;
  padding: 0 1rem !important;
}

.intl-tel-input.intl-tel-input .selected-flag .iti-arrow {
  transform: scale(1.5);
  right: 12px;
}

.ps__loader__site {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0.5rem 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
}
.col-md-6,
.col-md-11,
.col-md-12,
.col-md-5,
.col-md-7 {
  padding-left: 15px;
  padding-right: 15px;
}
.col-md-6 {
  width: 50%;
}
.col-md-11 {
  width: 91.66667%;
}
.col-md-12 {
  width: 100%;
}
.col-md-7{
  width: 58.33333%;
}
.col-md-5{
  width: 41.66667%;
}
@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale-multiple {
  position: relative;
  transform: translateY(-30px);
}
/* .ball-scale-ripple-multiple > div:nth-child(0) {
  animation-delay: -0.8s;
}
.ball-scale-ripple-multiple > div:nth-child(1) {
  animation-delay: -0.6s;
} */
.ball-scale-multiple > div:nth-child(3) {
  animation-delay: -0.4s;
}
.ball-scale-multiple > div:nth-child(2) {
  animation-delay: -0.2s;
}
.ball-scale-multiple {
  flex-grow: 0;
  flex-shrink: 0;
}

.ball-scale-multiple > div {
  background-color: var(--ps-primary);
  border-radius: 100%;
}

.ball-scale-multiple > div {
  animation-fill-mode: both;
  position: absolute;
  top: 0px;
  left: -30px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid #fff;
  animation: ball-scale-multiple 1s 0s linear infinite;
}

@keyframes ball-scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.prescreener-form {
  position: relative;
  background-color: var(--ps-accent);
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(37, 45, 82, 0.1);
}
.loading.loading {
  position: absolute;
  z-index: 1000;
  height: 2rem;
  width: 2rem;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.loading.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.loading.loading:not(:required):after {
  display: none;
}
.loading > div {
  background-color: var(--ps-primary);
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  animation: ball-scale 1s 0s ease-in-out infinite;
}
.preferred_location_actions{
  margin-top: 2rem;
  margin-bottom: 5rem;
  display: flex;
}
.grid-gap{
  margin-bottom: 30px !important;
}
.grid-gap-sm{
  margin-bottom: 13px !important;
}
.rv_otp_modal{
  position:fixed;
  z-index: 10;
  top:0;
  right: 0;
  bottom:0;
  left:0;
  overflow-y: auto; 
  background-color: rgba(0,0,0,0.4);
}

.rv_otp_modal_container{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 100%;
  text-align: center;
  padding: 1rem;
}

.rv_otp_modal_content{
  display: inline-block;
  vertical-align: bottom;
  --tw-bg-opacity: 1;
  background-color: rgba(255,255,255,var(--tw-bg-opacity));
  border-radius: 0.5rem;
  text-align: left;
  overflow: hidden;
  --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
  max-width: 32rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.rv_otp_modal_body{
  padding: 1rem;
}

.rv_otp_modal_actions{
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}

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

.btn-back svg{
  margin-right: 5px;
}

#js_change_location{
  font-size: 13px;
}

.location_input_wrap{
  position: relative;
  padding: 0;
}

.location_input_search_icon {
  position: absolute;
  padding: 15px;
  height: 90%;
  top: 0;
  right: 0;
  margin: 2px;
  cursor: pointer;
  background: white;
  color: var(--ps-text-accent);
}

.location_input_search_icon:hover {
  background-color: #F9F9FA;
  color: var(--ps-text-accent);
}
#ps_selected_site, .selected_radio_option{
  margin-right: 20px;
  max-width: 100%;
  margin-left: auto;
}

#ps_selected_site_name, .selected_option_name{
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ps_text_center{
  text-align: center;
}
.d-flex{
  display: flex;
}
.justify-between {
  justify-content: space-between;
}


.items-center{
  align-items:center;
}

.items-end{
  align-items:end;
}

ul.vertical_menu > li
{
    /* apply li styles here as needed */
    display: flex;
    padding: 8px;
    margin-bottom: 0;
    list-style: none;
    border-radius: 5px;

}
ul.vertical_menu > li >svg{
  margin-right: 5px;
}
.prescreener-form-wrapper {
   background: var(--ps-accent); 
   border-radius: 10px;
   box-shadow: 0px 4px 8px rgba(37, 45, 82, 0.1);
margin-bottom: 3px;
  }
  .vertical_menu a{
    color: inherit !important;
    text-decoration: inherit;
  }
  .vertical_menu a:hover{
    /* color: inherit; */
    text-decoration: none;
  }
 

.ps_tooltip {
  position: relative;
  display: inline-block;
}

.ps_tooltip .ps_tooltiptext {
  visibility: hidden;
  width: 11rem;
  background-color: var(--ps-brand);
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: -6%;
  margin-top: 8px
}

.ps_tooltip .ps_tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 6%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--ps-brand) transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.ps_tooltip:hover .ps_tooltiptext {
  visibility: visible;
}

.ip_location_wrap_mobile
{
  display: none 
}
.ip_location_wrap_desktop{
  display: block ;
  margin-left: auto;
  padding: 30px 0;
}
.ts-actions-rv-otp .btn-back{
  margin-right: 10px;
}
.pagination_outside_container{
  padding: 20px;
}
.ts__prescreener_body_custom {
  display: flex;
  flex-wrap: wrap;
}
.none-of-sites-container{
  gap: 15px
}
.form-error{
  color: #fb6063;
  font-style: italic;
}
.validate_prescreen {
  color: red;
  font-size: 14px;
  padding: 6px 0 0 6px;
  /* padding: 0 30px; */
  margin: 0;
}
@media (max-width: 768px) {
  .ps-secondary-text{
    font-size: 11px !important;
  }
  .text-md,.subtitle{
    font-size: 13px !important;
  }
  .ps-brand{
    font-size: .9rem !important;
    display: flex;
  }
  #ps_selected_site_name, .selected_option_name{
    margin-left: 5px;
    max-width: 60%;
  }
  .aligned-x{
    margin-left: 0;
    margin-right: 0;
  }
  .site__item__counter{
    display: none;
  }
  #location_form_data .row{
    margin: 0;
  }
  .ps__actions__container{
    flex-direction: column;
    align-items: flex-start;
  }
  .ps__submit_container{
  margin-top: 30px;
  flex-direction: column-reverse;
  margin-left: unset;
  width: 100%;
  }
  #ps_selected_site, .selected_radio_option{
    display: flex;
    margin-top: 8px;
    justify-content: center;
    max-width: 100%;
    margin-left:0;
  }

  .site_pagination_block {
    margin: 0 !important;
  }
  .pagination_outside_container{
    margin: 8px 0 30px;
    padding: 0;
  }
  .pl5 {
    padding-left: 0px;
  }
  .ps__sites__list{
    padding-left:0 !important;
    padding-right: 0 !important;
  }

  .col-md-6,
  .col-md-11,
  .col-md-12 ,
  .col-md-5,
  .col-md-7{
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ip_location_wrap_mobile
  {
    display: block ;
  }
  .ip_location_wrap_desktop{
    display: none ;
  }
  #js_no_site_works{
    padding: 0px;
    line-height: 20px;
  }
}

@media (max-width: 576px){
  .site-cards{
    padding: 12px 16px !important;
  }
  
  .ps_tooltip,.ps__far{
    max-width: 85px;
  }
  .ts-actions-rv-otp,.rv_otp_modal_actions,.ps__rvm_otp_actions{
    flex-direction: column;
    gap: 10px
  }
 
  .ps__rvm_otp_actions,#otp-modal-validate{
    margin: 0 !important;
  }
  .heading-sub, .help-text{
    padding: 0px !important;
  }
  #ts__prescreener .form-control{
    font-size: 14px !important;
  }
  .ps__container{
    padding: 1.5rem 1rem;
  }
  .ts-actions-rv-otp .btn-back{
    margin-right: 0px;
  
  }
  .none-of-sites-container{
    flex-direction: column;
    gap: 15px
  }
  .location_input_wrap, #preferred_location_miles{
    width: 100%;
  }
}

.checkbox-notification {
    margin:10px 0px 20px;
}

.checkbox-notification label.checkbox-option::before, .checkbox-notification .checkbox-option::after  {
    top: 4px;
}
.checkbox-notification span{
    margin-left: 2.3rem !important;
    font-size: 14px;
    font-weight: normal;
}

.call-center-quote {
  color: #1d85d5;
  opacity: 0.5;
  font-size: 1.5rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.heading-wrap, .step{
  display: flex;
  gap: 5px;
  align-items: center;
}