﻿:root {
   --brand-purple: #0071ce;
   --purple-dark: #002F70;
   --purple-light: #C9EAFD;
}

.button:hover {
   background-color: #002F70;
}

.custom-checkbox, .custom-checkbox-no-left-margin, .custom-checkbox-no-margins, .custom-checkbox-left-margin-20px, .myriad-custom-checkbox {
   accent-color: #0071ce;
}

.login-link {
   color: #0071ce;
}

.payment-form-info {
   filter: hue-rotate(305deg);
}

.acct-date-img-large {
   filter: hue-rotate(305deg);
}

.ll-skin-melon .ui-datepicker td {
   background: #edf8ff;
}

.ll-skin-melon td .ui-state-active, .ll-skin-melon td .ui-state-hover {
   background: #0071ce;
}

.ll-skin-melon .ui-datepicker select.ui-datepicker-year {
   color: initial;
}

.error, .error-payment-window {
   background-color: transparent;
   box-shadow: none;
   color: red;
}

div.jqi {
   border: 3px solid rgb(0 113 206 / 40%);
}

   div.jqi .jqibuttons button.jqidefaultbutton {
      color: #0071ce;
   }

@media screen and (max-width: 991px) {
   .order-form-field {
      height: 40px;
      margin-bottom: 14px;
   }

   .order-select {
      height: 40px;
      margin-bottom: 0px;
   }

   img.acct-date-img-large {
      bottom: 15px;
      width: 36px;
      height: 36px;
   }

   .gc-consent-div {
      width: 288px;
      display: flex;
   }

   .myrisk-submit-btn-div {
      width: 250px;
   }

   .myriad-health360-right-div {
      font-size: 16px;
      width: calc(100% - 38px);
   }

   .myriad-health360-div.prevent-div-collapse {
      margin-bottom: 0;
      margin-top: 30px;
   }

   .gc-consent-right-div {
      line-height: 1.3;
   }

   .form-subtitle {
      font-size: 16px;
   }

   .order-form-field::placeholder {
      font-size: 14px;
   }


   select.order-select {
      font-size: 14px;
   }
}
