@media only screen and (min-width: 0px) {
  #registrationPrescriberFormErrorTextContainer, #registrationPharmacistFormErrorTextContainer, #registrationDesigneeFormErrorTextContainer, #registrationLawEnfocementFormErrorTextContainer {
    margin-top: 10px;
  }

  .fullLengthDea {
    width: 100% !important;
  }

  #registrationPrescriberTosCheckErrorTextContainer, #registrationPharmacistTosCheckErrorTextContainer, #registrationDesigneeTosCheckErrorTextContainer, #registrationLawEnforcementTosCheckErrorTextContainer {
    margin-top: 10px;
    float: left;
  }

  .registrationSubmitContainer {
    margin-top: 35px;
  }

  .errorOutline {
    border-color: red !important;
  }

  #registrationHeaderPlaceholderContainer {
    float: left;
    width: 33%;
  }

  #registrationSuccessMessageButtonContainer {
    padding-bottom: 15px;
  }

  #registrationSuccessMessageContainer {
    background: #f5f5f5;
    float: left;
    width: 100%;
  }

  #registrationPrescriberTosErrorTextContainer, #registrationPharmacistTosErrorTextContainer, #registrationDesigneeTosErrorTextContainer, #registrationLawEnforcementTosErrorTextContainer {
    overflow: auto;
    margin-left: 100px;
  }

  #registrationPharmacistLicenseNumberInput {
    width: 76%;
  }

  @keyframes Fname {
    from {
      left: 500px;
    }
    to {
      left: 0px;
    }
  }
  @keyframes slideUp {
    from {
      top: 1000px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes slideDown {
    from {
      top: 0px;
      opacity: 1;
    }
    to {
      top: 1000px;
      opacity: 0;
    }
  }
  /*
  .smooshAndVanish{
      //transform: translate(200px, -250px);
      //display: none;
      //visibility: hidden;
      //opacity: 0;
      //transform: scale(1,0);
  }
  */
  html {
    overflow: scroll;
    overflow-x: hidden;
  }

  .adjustForScrollbar {
    position: relative;
    right: -17px;
  }

  .visitbilityNone {
    visibility: hidden !important;
  }

  #pharmacistOptionContainer {
    float: right !important;
  }

  .opacityFadeIn {
    opacity: 1 !important;
    transition: all 2s;
  }

  /*
  #registrationHeaderContainer, #registrationBodyContainer{
      transition: all 2s;
      opacity: 0;
  }
  */
  .formComeUpFromBottom {
    overflow: hidden;
    position: relative;
    animation-name: slideUp;
    animation-duration: 1s;
  }

  .formSlideAway {
    overflow: hidden;
    position: relative;
    animation-name: slideDown;
    animation-duration: 1s;
  }

  #registrationLoadingImage {
    display: inline-block;
  }

  #registrationLoadingImage.loader {
    width: 60px !important;
    height: 60px !important;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #207cdf;
  }

  #registrationLoadingImageContainer {
    position: relative;
    text-align: center;
    margin-top: 50px;
  }

  .registrationListOptionContainer {
    transition: all 0.5s;
    font-size: 18px;
    float: left;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    color: #fff;
    cursor: pointer;
    background-color: #4c96e6;
    border: #3689e2 1px solid;
    position: relative;
  }

  .registrationListOptionContainer.floatAway.anotherClass {
    padding: 0px;
    font-size: 0px;
    width: 0px;
  }

  .registrationListOptionContainer.floatAway {
    transform: translate(0px, -500px);
  }

  .registrationListOptionContainer.floatAway.floatBack {
    transform: translate(0px, 0px) !important;
  }

  .registrationListOptionContainer:hover {
    text-decoration: none;
    background-color: #207cdf;
    color: white !important;
  }

  .registrationListOptionContainer:active {
    background-color: #4c96e6;
    color: white;
  }

  #registrationHeaderBackButton {
    float: left;
    margin-top: 5px !important;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  #registrationHeaderBackButtonContainer {
    width: 33%;
    padding: 10px 0px 0px 10px;
    float: left;
  }

  .deaNumberPrescriber, .deaNumberPharmacist {
    border: 1px solid;
    border-color: #ced4da;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    width: 95%;
  }

  .registrationRemoveDeaNumberPrescriber, .registrationRemoveDeaNumberPharmacist {
    height: 28px;
    width: 5%;
    float: right;
  }

  #registrationSuccessMessageTitleContainer {
    padding: 15px 0px;
  }

  /*
  #registrationSuccessMessageContainer{
      margin: 50px 0px;
  }
  */
  #firstThreeLicensePrescriber {
    height: 29px;
    margin-right: 5px;
  }

  #registrationBodyContainer {
    float: left;
    width: 100%;
  }

  #registrationOptionsContainer {
    width: 100%;
    float: left;
    font-size: 15px;
    text-align: center;
  }

  #registrationPrescriberDataWaiveredContainer {
    display: inline-flex;
    float: left;
    margin-top: 30px;
  }

  #registrationPrescriberSecurityQ1Container {
    margin-top: 40px;
  }

  .tosContainer {
    display: inline-flex;
    float: left;
    padding-right: 10px;
  }

  #registrationPrescriberLicenseNumberButtonContainer, #registrationPharmacistLicenseNumberButtonContainer {
    text-align: left;
  }

  #registrationLawEnforcementTosCheckContainer, #registrationPrescriberTosCheckContainer, #registrationPharmacistTosCheckContainer, #registrationDesigneeTosCheckContainer {
    display: flex;
  }

  .registrationCheckbox {
    height: 24px;
    width: 16px;
    margin-right: 10px;
  }

  .errorContainer {
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    height: 24px;
    color: red;
  }

  .largeErrorContainer {
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    height: 48px;
    color: red;
  }

  #registrationPrescriberFormContainer, #registrationDesigneeFormContainer, #registrationLawEnforcementFormContainer, #registrationPharmacistFormContainer {
    padding: 25px 10px 10px;
    float: left;
  }

  #registrationContainer {
    width: 100%;
    overflow: hidden;
  }

  .registrationHalfFieldContainer {
    display: block;
    padding: 0px !important;
  }

  #il-license-num-prescriber-label, #il-license-num-pharmacist-label {
    display: block;
  }

  #firstThreeLicensePrescriber, #firstThreeLicensePharmacist {
    width: 22%;
  }

  #ilLicenseNumPrescriber, #ilLicenseNumPharmacist {
    width: 75%;
  }

  .registrationListOption {
    color: inherit;
    text-decoration: none;
  }

  #registrationOptionsList {
    float: left;
    width: 100%;
  }

  #registrationPrescriberFormHeader, #registrationPharmacistFormHeader, #registrationDesigneeFormHeader, #registrationLawEnforcementFormHeader {
    margin: 15px 0px;
    display: inline-block;
  }

  #registrationPrescriberLicenseNumberButton, #registrationPharmacistLicenseNumberButton, #registrationAddDeaNumberPrescriber, #registrationAddDeaNumberPharmacist {
    margin-top: 1%;
  }

  #submit-registration-prescriber, #submit-registration-pharmacist, #submit-registration-designee, #submit-registration-law-enforcement {
    margin-top: 10%;
    padding: 10px;
  }

  .dea-number-prescriber, .dea-number-pharmacist {
    margin-top: 1%;
  }

  #registrationPrescriberDataWaiveredCheckContainer {
    margin-top: 2%;
    margin-right: 10px;
  }

  #registrationPrescriberDataWaiveredTitleText {
    display: inline;
  }

  #registrationPrescriberDataWaiveredCheck {
    height: 16px;
    margin-right: 0px;
  }

  div.active, a.active {
    background-color: #207cdf !important;
    color: #fff;
  }

  .registrationFullFieldContainer {
    width: 100%;
    float: left;
  }

  #registrationHeaderImageContainer {
    width: 33%;
  }

  /*
  #registrationHeaderBackButtonContainer{
      width: 40%;
  }
  */
}
@media only screen and (min-width: 600px) {
  .registrationSubmitContainer {
    margin-top: 0px;
    padding-top: 20px;
  }

  /*
  #registrationLoadingImageContainer{
      margin-top: 0px;
  }
  */
  #registrationHeaderImage {
    margin-left: 10px;
  }

  #registrationLoadingImage.loader {
    width: 120px !important;
    height: 120px !important;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #207cdf;
  }

  #registrationPharmacistLicenseNumberInput {
    width: 86%;
  }

  .fullLengthOption {
    width: 100% !important;
    pointer-events: none;
    padding: 10px !important;
    font-size: 20px !important;
    transition: all 1s;
  }

  .deaNumberPrescriber, .deaNumberPharmacist {
    width: 96%;
  }

  div.active, a.active {
    background-color: #207cdf !important;
    color: #fff;
  }

  .registrationListOptionContainer {
    font-size: 24px;
    width: 50%;
    padding: 50px;
  }

  #registrationPrescriberDataregistrationFormsContainerWaiveredCheckContainer {
    margin-top: 2%;
    margin-right: 10px;
  }

  #firstThreeLicensePrescriber, #firstThreeLicensePharmacist {
    width: 13%;
  }

  #ilLicenseNumPrescriber, #ilLicenseNumPharmacist {
    width: 86%;
  }

  #registrationContainer {
    width: 100%;
    margin-top: -100px;
  }

  .registrationHalfFieldContainer {
    width: 50%;
    float: left;
    padding: 0px 5px !important;
  }

  .registrationFullFieldContainer {
    width: 100%;
    float: left;
  }

  #registrationPrescriberSecurityQ1Container {
    margin-top: 30px;
  }

  #submit-registration-prescriber, #submit-registration-pharmacist, #submit-registration-designee, #submit-registration-law-enforcement {
    margin-top: 1%;
  }

  #registrationFormsContainer {
    padding: 20px 20px 0px 20px;
  }

  /*
  #registrationSuccessMessageContainer{
      margin: 25px 0px;
  }
  */
  .registrationRemoveDeaNumberPrescriber, .registrationRemoveDeaNumberPharmacist {
    width: 4%;
  }

  #registrationHeaderImageContainer {
    width: 33%;
  }

  /*
  #registrationHeaderBackButtonContainer{
      width: 45%;
  }   
  */
}
@media only screen and (min-width: 900px) {
  #lawEnforcementOptionContainer {
    float: right !important;
  }

  #registrationHeaderImageContainer {
    width: 33%;
  }

  /*
  #registrationHeaderBackButtonContainer{
      width: 45.7%;
  }    
  */
  #registrationOptionsContainer {
    font-size: 20px;
  }

  #registrationContainer {
    width: 900px;
    margin-top: 0px;
  }

  #registrationSuccessMessageBodyContainer {
    padding-bottom: 15px;
  }
}
.alignLeft {
  text-align: left;
}

.displayNone {
  display: none !important;
}

.requiredField::after {
  content: "*";
  color: red;
  padding-left: 5px;
}

.floatRight {
  float: right;
}

.greenText {
  color: green;
}

.registrationSubmitContainer {
  float: left;
  width: 100%;
}

#registrationFormsContainer {
  float: left;
  background: #f5f5f5;
  overflow: hidden;
}

.registrationTosText {
  background: #e9ecef;
  height: auto;
}

#registrationHeaderContainer {
  background-color: #f5f5f5;
  text-align: center;
  font-size: 18px;
  padding-top: 10px;
}

#registrationHeaderTextContainer {
  padding: 0px 0px 5px 0px;
}

#registrationHeaderImage {
  width: 75px;
  height: 55px;
}

#registrationTitleText, #registrationSubText {
  font-size: 20px;
  color: #4c96e6;
}

#registrationHeaderSubTextContainer {
  padding-bottom: 10px;
}

.registrationQuestionMarkImage {
  margin-left: 5px;
  width: 12px;
  height: 12px;
}

#registrationPrescriberTosCheckContainer, #registrationPharmacistTosCheckContainer, #registrationDesigneeTosCheckContainer, #registrationLawEnforcementTosCheckContainer {
  margin-top: 10px;
}

#registrationPrescriberTosErrorTextContainer, #registrationPharmacistTosErrorTextContainer, #registrationDesigneeTosErrorTextContainer, #registrationLawEnforcementTosErrorTextContainer {
  margin-top: 10px;
}

.selectHeight {
  height: 29px;
}

#registrationPrescriberLicenseNumberInputContainer {
  display: flex;
}

.removeDeaImagePrescriber, .removeDeaImagePharmacist {
  height: 10px;
  width: 10px;
}

/*
#registrationPrescriberDeaInput, #registrationPharmacistDeaInput{
    width: 100% !important;
}
*/
#registrationBodyContainer {
  background: #f5f5f5;
}

.alignCenter {
  text-align: center !important;
}

/*# sourceMappingURL=registration.bundle.css.map */