:root {
	--bs-primary: #000351 ; /* Primary color */  
    --text-color: #3F475C ; /* Text color */
    --bs-heading-color:  #3F475C ; 
    --bs-border-color: #C6CDDA;a
	--bs-body-font-family: "Lato", sans-serif;
	--bs-body-color: #3F475C;
	--bs-body-bg: #021b53;
	--bs-form-control-bg: #ffffff;
	--text-danger: #B30000; 
	--text-sucess: green; 
	--text-info: orange; 
	--text-white: #ffffff;
	--text-placeholder: #76777A;
	--bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.438rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 4px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	--bs-btn-color:var(--text-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color: var(--text-white);
    --bs-btn-hover-bg: #10136B;
    --bs-btn-hover-border-color: #10136B;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #10136B;
    --bs-btn-active-border-color: #10136B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
	--body-font: 13px;
  };


   body {
    font-size: var(--body-font) !important;
    font-family: var(--bs-body-font-family);
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
	background: var(--bs-body-bg);
}

sup {
    font-size:  var(--body-font);
    top: -.2rem;
}
::placeholder {
    color: #76777A;
}
.text-12 {
    font-size: 12px;
}
.text-13 { 
    font-size: 13px;
}
.login-wrapper {
    width: 100%;
    min-height: 100vh;
    background: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/bg.webp") rgba(2, 27, 83, 1) left bottom no-repeat;
    background-size: cover;
	font-size: var(--body-font);
}
.login-wrapper .container{
	max-width: 1500px;
}
.header {
    padding: 20px;
}
.login-logo {
    width: 158px;
	padding-top: 15px;
  	@media (max-width: 1100px) {
		width: 100px;
		margin-left: 15px;
	}
}
.login-rxrd-logo {
    width: 350px;
	margin-left: 5px;
	@media (max-width: 1100px) {
		width: 200px;
		margin-left: 0px;
	}
}
.login-box {
    background-color: var(--text-white);
    border-radius: 10px;
    padding: 24px;
    max-width: 476px;
	min-height: 440px;
    max-height: 440px;
    width: 100%;
	position: relative;
}
.form-feild{
	position: relative;
    height: 100vh;
}
.form-feild .heading h1 {
    font-size: 24px;
    font-weight: 700;
	margin-bottom: 1rem;
}
.form-feild .intro h2, .form-feild .intro p {
    font-size:  var(--body-font);
    margin-bottom: 24px;
	color: var(--bs-body-color);
	font-weight: 400;
}
.form-feild .intro p{
	 font-size:  12px;
}
#cancel {
	display: none !important;
}
.mfa #ReadOnlyEmail_info.verificationInfoText {
	 font-size:  var(--body-font);
    margin-bottom: 24px;
	color: #212529;
	font-weight: 400;
}
.mfa #ReadOnlyEmail_label{
	margin-top:30px;
}
.mfa .verificationSuccessText{
	color: #3B9F6D;
}
.account-setup #emailVerificationControl_success_message {
	color: #3B9F6D;
}
.form-feild .forgot-password {
    margin-top: 10px;
    text-decoration: none;
}

.form-feild .input-group-text {
    font-size:  var(--body-font);
}
.form-feild .input-group-text {
    background: none;
}
.form-feild input {
	display: block;
    width: 100%;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-size:  var(--body-font);
    font-weight: 400;
    line-height: 2;
    color: var(--text-placeholder);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius: var(--bs-btn-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;	
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color transparent;
}
.form-feild input#email {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-email.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
} 

.form-feild input#ReadOnlyEmail {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-email.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
} 

.form-feild input#password {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-password.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
}

.form-feild input#ReadOnlyEmail_ver_input {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-password.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
}

.form-feild input#emailVerificationCode {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-password.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
}

.form-feild input#newPassword {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-password.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
}

.form-feild input#reenterPassword {
 background-image: url("https://pharmacustomerportalprod.blob.core.windows.net/auth/images/icon-password.svg") !important;
 background-repeat: no-repeat;
 background-position: 10px 12px;
 padding-left: 37px;
 background-color: transparent !important;
}

input:-internal-autofill-selected {
	background-color: transparent !important;
}

.form-feild .rememberMe {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.form-feild .rememberMe label {
	margin-bottom: 0;
}
.form-feild .rememberMe input[type="checkbox"] {
	padding: 0.70rem;
	width: 20px;
	height: 20px;
	margin-right: 0.5rem;
	border-radius: 6px;
	border-color: #DDDDDD;

}
.form-feild .social {
	display: flex;
}
.form-feild .social input[type="checkbox"] {
	padding: 0.70rem;
	width: 20px;
	height: 20px;
	margin-right: 0.5rem;
	border-radius: 6px;
	border-color: #DDDDDD;

}

.form-feild input:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: var(--bs-primary);
    outline: 0;
    /* box-shadow: 0 0 0 0.1rem rgba(13,110,253,.50); */
}
.form-feild .entry-item {
	position: relative;
    padding-bottom: 1.5rem;
}
.form-feild label {
	font-size:  var(--body-font);
    color: var(--bs-body-color);
	margin-bottom: 0.5rem;
	font-weight: 400;
	line-height: 13px;
}
.form-feild .error {
    position: absolute;
    bottom: 0.3rem;
    font-size: 12px;
    color: var(--text-danger);
}
.change-password .error {
    bottom: 5rem !important;
}

.form-feild .email_li .error{
	bottom: -20px;
}
.form-feild .emailVerificationCode_li .error{
	bottom: -20px;
}
.email_li input {
margin-bottom: 1.5rem;
}
/* .form-feild .verificationInfoText {
	font-size: 12px;
    color: var(--text-info);
	margin-bottom: 0.5rem;
	display: inline-block;
	line-height: 1.5;

}

.form-feild .verificationSuccessText {
font-size: 12px;
    color: var(--text-sucess);
	margin-bottom: 0.5rem;
} */
.form-feild .error.pageLevel, .form-feild .error.verificationErrorText  {
    position: relative;
}
.change-password .error.pageLevel, .form-feild .error.verificationErrorText {
	bottom: 1rem !important;
}
.login-page .pageLevel {
	position:absolute !important;
	top: 50px;
	line-height: 15px;
	@media (min-width: 767px) and (max-width: 992px) {
		top: 80px;
	}
}
.login-page .entry {
	margin-top: 50px;
}
.login-page h2 {
	margin-bottom: 45px !important;
	
}
.form-feild .error p{
	margin-bottom: 0;
}
.form-feild .password-label {
	display: flex;
    justify-content: space-between;
} 
.form-feild .password-label a {
	 font-size:  var(--body-font);
	 color: var(--text-danger);
	 text-decoration: none;
	 position: absolute;
    right: 0;
    bottom: -22px;
} 

.form-feild .buttons button{
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family) !important;
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
	text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	background-color: var(--bs-primary); 
    border-color: var(--bs-primary); 
	width: 100%;
	height: 40px;
}

.form-feild .buttons button:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.form-feild .buttons {
	display: flex;
    justify-content: space-evenly;
    gap: 1rem;
}
.form-feild .buttons.verify {
	flex-wrap: wrap;
	row-gap: 0;
	margin-top: 1.5rem;
}

.form-feild .buttons.verify #ReadOnlyEmail_ver_but_send {
   margin-top: 1.5rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.form-feild .buttons.verify #ReadOnlyEmail_ver_but_verify{
	width: 49%;
	position: absolute;
	left:0;
	bottom:0;
}

.form-feild .buttons.verify #ReadOnlyEmail_ver_but_resend{
	width: 49%;
	position: absolute;
	right:0;
	bottom:0;
	left: inherit;
}
.form-feild .buttons #emailVerificationControl_but_verify_code{
	width: 49%;
	position: absolute;
	left:0;
	bottom:0;
}

.form-feild .buttons #emailVerificationControl_but_send_new_code{
	width: 49%;
	position: absolute;
	right:0;
	bottom:0;
	left: inherit;
}

.form-feild .buttons.verify #email_ver_but_verify{
	width: 49%;
	position: absolute;
	left:0;
	bottom:0;
}

.form-feild .buttons.verify #email_ver_but_resend{
	width: 49%;
	position: absolute;
	right:0;
	bottom:0;
	left: inherit;
}

.form-feild .buttons.verify #continue{
	position: absolute;
	bottom:0;
	left: 0;
}
.mfa.form-feild .buttons #continue{
	position: absolute;
	bottom:0;
	left: 0;
}
.signup-forgot.form-feild .buttons #continue{
	position: absolute;
	bottom:0;
	left: 0;
}

.form-feild .buttons.verify #email_ver_but_send{
	position: absolute;
	bottom:0;
	left: 0;
}

.form-feild .buttons #emailVerificationControl_but_send_code{
	position: absolute;
	bottom:0;
	left: 0;
}

.form-feild .buttons #next{
	position: absolute;
	bottom:0;
	left: 0;
}

.form-feild .buttons.verify label {
    width: 100%;
}
.form-feild .buttons.verify input {
   
    margin-bottom: 0;
}
.form-feild .buttons.verify button[aria-label="Send verification code"]{
    flex-basis: 100%;
   
}
.form-feild .verificationControlContent ul li .attrEntry {
		position: relative
} 

.form-feild .attr ul {
	
    padding: 0;
    list-style: none;
}
.form-feild .attr .helpLink  {
   display:none;
}
.login-left-section h1 {
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
	
}
.login-left-section p{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	max-width: 460px;
}
.login-left-section p span{
	color: #C2D500;
	font-weight: 700;
}
#emailVerificationControl_but_change_claims{
	display: none !important;
}
#email_ver_but_edit {
	display: none !important;
}
.verificationControlContent{
	margin-top: -20px;
}
 .newPassword_li .error {
	display: none;
}
.change-password .newPassword_li{
	margin-bottom: 1.5rem;
}
.change-password .buttons #continue{
	position: absolute;
	bottom:0;
	left: 0;
}
.account-setup .buttons #continue{
	position: absolute;
	bottom:0;
	left: 0;
}
.account-setup .newPassword_li{
	margin-bottom: 1.5rem;
}
.verificationErrorText.error #emailVerificationControl_error_message{
	position: absolute;
    top: 190px;
}
.account-setup #emailVerificationControl_success_message{
	display: none !important;
}

button[disabled]{
	opacity: 50%;
}

ul.list-inline{
	li{
		position: relative;
	}
}
.help-wrapper{
	position: absolute;
	top: 25px;
	right: 0;
	background-color: #fff;
	border-radius: 8px;
	padding: 16px;
	min-width: 300px;
	z-index: 1;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	text-align: left;
	}
.help-wrapper:after, .help-wrapper:before {
    bottom: 100%;
    left: 92%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.help-wrapper:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
.help-wrapper:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.help-wrapper h2{
	font-size: 14px;
	color: var(--text-color);
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	}
.help-wrapper ul{
	padding: 0;
	margin: 0;
}
.help-wrapper ul li{
	list-style: none;
	display: block;
	color: #76777A;
}
.help-wrapper ul li	h3{
	font-size: 13px;
	margin-bottom: 8px;
	font-weight: 600;
}
.help-wrapper ul li a{
	color: #76777A;
	text-decoration: none;
}
.help-wrapper ul li .fa-map-marker-alt{
	position: relative;
    top: 4px;
}
.terms-wrapper{
background-color: #fff;
padding: 15px;
border-radius: 8px;
}
.terms-wrapper h1{
	font-size: 18px;
	color: var(--text-color);
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}	
.terms-wrapper h2{
	font-size: 14px;
	color: var(--bs-primary);
	font-weight: 600;
	border-bottom: 1px solid #F4F4F4;
	padding-bottom: 10px;	
}
.terms-wrapper h3{
	font-size: 13px;
	color: var(--bs-primary);
	font-weight: 600;	
	padding-bottom: 5px;
}
.terms-wrapper p{
	font-size: 13px;
	color: var(--text-color);
	margin-bottom: 20px;
}
.terms-wrapper ul{
	padding:0 0 0 25px;
	margin:0 0 15px 0;
}
.terms-wrapper ul li{
	font-size: 13px;
}
.terms-wrapper .modal-body{
	height: 50vh;
	overflow-x: auto;
}
.terms-wrapper .modal-footer{
	border-top: 1px solid #ddd;
	padding: 15px 0 0 0;
	display: flex;
	align-items: end;
	justify-content: end;
}
.terms-wrapper .btn-primary{
	padding: 7px 15px;
	color: #fff;
	border-radius: 4px;
	background-color: var(--bs-primary);
	font-size: 13px;
	text-decoration: none;
}
.terms-wrapper a.btn-primary {
	color: #fff;
	text-decoration: none;
}
.terms-wrapper a.btn-primary:hover{
	color: #fff;
    background-color: #10136B;
    border-color: #10136B;
}
.terms-wrapper .btn-secondary{
	padding: 7px 15px;
	color: #76777A;
	border-radius: 4px;
	background-color: #E4E4E4;
	font-size: 13px;
	text-decoration: none;
}
.terms-wrapper a.btn-secondary {
	color: #76777A;
	text-decoration: none;
}
.terms-wrapper a.btn-secondary:hover{
	color: #76777A;
    background-color: #D3CFCF;
    border-color: #D3CFCF;
}
.terms-wrapper .alert-secondary{
	padding: 10px;
    font-size: 13px;
    width: 98%;
	background-color: #fbff42;
    border-color: #f2f553;
    color: #000;
}
.cursor-pointer{
	cursor: pointer;
}
.full-page-terms{
	background-color: #EAEEF6;
}
.full-page-terms .header{
	background-color: #fff;
	padding: 15px;
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
}
.full-page-terms .footer{
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: var(--bs-primary);
	padding: 0 20px 15px;
}
.full-page-terms .footer a{
	color: var(--bs-primary);
	text-decoration: none;
}
.full-page-terms .footer a:hover{
	color: var(--text-color);
}
.full-page-terms .header .logo{
	width: 104px;
	height: 44px;
}
.full-page-terms .breadcrumbs{
	font-size: 20px;
	color: var(--bs-primary);
	font-weight: 600;
	margin: 20px 15px;
}
.full-page-terms .breadcrumbs a{
	color: var(--bs-primary);
}
.full-page-terms .terms-wrapper{
	margin: 15px;
}
.terms-wrapper .modal-header{
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.terms-wrapper .modal-header h1{
	border-bottom: 0;
	padding-bottom: 5px;
}
.terms-wrapper .modal-header .btn-close{
	position: relative;
    top: -7px;
}
.terms-wrapper .modal-footer button{
	border:0;
}
.terms-wrapper .modal-body{
	 scrollbar-width: auto;
  -moz-scrollbar-width: auto;
}
.terms-wrapper .modal-body::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.terms-wrapper .modal-body::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.terms-wrapper .modal-body::-webkit-scrollbar-thumb {
  background: #999999;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  transition: all 550ms;
}
#simplemodal-overlay {
	display: none !important;
}
#simplemodal-container {
	display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  body::-webkit-scrollbar-thumb {
    transition: none;
  }
} 


  @media (min-width: 768px) {
	.login-left-section h1{
		font-size: 22px;
	}
  }

  @media (max-width: 767px) {
	.full-page-terms .footer{
		flex-direction: column;
    	text-align: center;
	}
  }
  @media (min-width: 1400px) {
	.login-left-section h1{
		font-size: 47px;
		line-height: 54px;
	}
	.login-left-section p{
		font-size: 26px;
    	line-height: 40px;
		max-width: inherit;
	}
  }
input::-ms-reveal,
      input::-ms-clear {
        display: none;
      }

.social:hover {
	.terms-div {
		.content{
		  animation: blink-animation 1s steps(5, start) infinite;
  		 -webkit-animation: blink-animation 1s steps(5, start) infinite;
		}
	}
}
@keyframes blink-animation {
  from {
        opacity: 0;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1.1, 1.1);
    }
    to {
        transform: scale(1, 1);
    }
}
@-webkit-keyframes blink-animation {
  from {
        opacity: 0;
        transform: scale(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1.1, 1.1);
    }
    to {
        transform: scale(1, 1);
    }
}
.no_decoration {
	text-decoration: none !important;
	margin-bottom: 0;
      font-weight: 600;
}
.error-div {
	color: #B30000;
	font-size: 12px;
}
#verifying_blurb {
	display: none
}
.createNewAccount{
	margin-top: 10px;
}
.createNewAccount p{
	margin-bottom: 0;
}
.divider {
	display: none;
}
.localAccount .intro {
	display: none;
}
.social .intro
{
		display: none;	
}
.create {
	display: none;	
}