/* LB Medical Accounts — frontend styles */

.lb-accounts {
	padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
}

.lb-accounts__header {
	text-align: center;
	max-width: 1040px;
  padding-bottom: var(--s-80);
  padding-top: var(--s-200);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.lb-accounts__title {	
}

.lb-accounts__subtitle {
}


.lb-accounts__eyebrow {	
}

.lb-accounts__panel.lb-accounts__panel--login, .lb-accounts__panel.lb-accounts__panel--register, .lb-accounts__panel.lb-accounts__panel--forgot, .lb-accounts__password-section, .lb-accounts__panel.lb-accounts__panel--reset{max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-bottom: var(--s-200);}

.lb-accounts__form {
	display: flex;
	flex-direction: column;
	
}

.lb-accounts__field{padding-bottom: var(--s-20);
  position: relative;}

.lb-accounts__field-error {
	display: none;
	color: #dc3232;
  margin-top: 4px;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 16px;
  font-weight: 500;
}




.lb-accounts__message {
	padding: 12px 16px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 14px;
max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
	width:100%
}

.lb-accounts__message--success {
	background: #d4edda;
	color: #155724;
}

.lb-accounts__message--error {
	background: #f8d7da;
	color: #721c24;
}



.lb-accounts__field label {
	font-size: 16px;
  color: var(--primary);
  padding-bottom: 4px;
  display: inline-block;
  font-weight: 500;
}

.lb-accounts__field--checkbox input[type=checkbox] {
	position: relative;
  visibility: hidden;
	width: 0px;
  height: 0px;
}

.lb-accounts__field--checkbox input[type=checkbox] + span {
/*   border: 3px solid red;  */
	padding-left: 30px;
	position:relative;
}

.lb-accounts__field--checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 2px;
  height: 20px;
  width: 20px;
  top: 0px;
	left:0px;
  border: 1px solid currentColor;
  background-color: transparent;
}

.lb-accounts__field--checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '';
    height: 6px;
  width: 12px;
  top: 6px;
  left: 4px;
  visibility: hidden;
  font-size: 16px;
  border-width: 0px 0px 2px 2px;
  border-color: var(--light);
  border-style: solid;
  transform: rotate(-45deg);
	z-index:1
}

.lb-accounts__field--checkbox input[type=checkbox]:checked + span:before {
   background: currentColor;
   
  background-color: currentColor;
  border-color: currentColor;
/*     border-color: red; */
}

.lb-accounts__field--checkbox input[type=checkbox]:checked + span:after {
/*    background: #222; */
   visibility: visible;
}


.lb-accounts__input-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.lb-accounts__input-icon {
	position: absolute;
	left: 14px;
	color: #1a3a6b;
	pointer-events: none;
	display: flex;
	align-items: center;
}

.lb-accounts__input-wrap input {
	padding-left: 44px;
	padding-right: 44px;
}

.lb-accounts__field input[type="text"],
.lb-accounts__field input[type="email"],
.lb-accounts__field input[type="password"] {
	width: 100%;	
	outline: none;
	transition: border-color 0.2s;
	font-size: 16px;
  font-weight: 400;
  border-radius: 8px;
  padding: 14px 16px 14px 44px;
  width: 100%;
  color: var(--primary);
  background-color: var(--white);
  border: 1px solid var(--secondary);
}

.lb-accounts__field input:focus {
	
	box-shadow: 0 0 0 1px rgba(26, 58, 107, 0.8);
  background-color: var(--white) !important;
	/*
	border-color: #0d2a5e;
	box-shadow: 0 0 0 2px rgba(26, 58, 107, 0.15);*/
}

.lb-accounts__field--error input {
	border-color: #dc3232;
}

.lb-accounts__toggle-password {
	position: absolute;
	right: 12px;
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	color:var(--primary);
	display: flex;
	align-items: center;
	line-height: 0;
}



.lb-accounts__forgot {
	text-align: right;
	margin: -15px 0 20px;
}

.lb-accounts__forgot a {
	font-size: 14px;

	text-decoration: none;
	font-weight: 600;
}

.lb-accounts__forgot a:hover {
	
}

.lb-accounts__submit {
	width: 100%;
	border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.64px;
  border: none !important;
  width: 100%;
  padding: 17px 30px;
  text-align: center;
	color: var(--white);
  background-color: var(--primary);
}

.lb-accounts__submit:hover {
	/*background: #0d2a5e;*/
}

.lb-accounts__submit:disabled,
.lb-accounts__submit--loading {
	opacity: 0.7;
	cursor: not-allowed;
}

.lb-accounts__divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 30px 0;
	
	font-size: 13px;
}

.lb-accounts__divider::before,
.lb-accounts__divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--primary);
	opacity: 0.3;
}

.lb-accounts__google-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	background: #fff;
  color: var(--primary) !important;
  border: 1px solid var(--secondary);
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  padding: 18px 16px 18px 16px;
}

.lb-accounts__google-btn:disabled {
	cursor: not-allowed;
	opacity: 0.85;
}

.lb-accounts__google-btn:not(:disabled):hover {
	background: #f5f8fc;
}
.lb-accounts__google-icon svg{ width:22px; height:22px}



.lb-accounts__google-btn--loading {
	opacity: 0.7;
	cursor: wait;
}

.lb-accounts__google-icon {
	display: flex;
	align-items: center;
}

.lb-accounts__panel.lb-accounts__panel--register .lb-accounts__field input[type="text"], .lb-accounts__panel.lb-accounts__panel--register .lb-accounts__field input[type="email"], .lb-accounts__panel.lb-accounts__panel--register .lb-accounts__field input[type="password"]{ padding-left:16px}

.lb-accounts__field--checkbox {
	margin-top: 4px;
}

.lb-accounts__checkbox-label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
}

.lb-accounts__checkbox-label input[type="checkbox"] {
	margin-top: 3px;
	flex-shrink: 0;
	accent-color: #1a3a6b;
}

.lb-accounts__checkbox-label a {
	color: #1a3a6b;
	text-decoration: underline;
}

.lb-accounts__switch {
	
	text-align: center;
  font-size: 16px;
  margin-top: var(--s-30);
}

.lb-accounts__switch-link {
	background:none;
	border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary);
  cursor: pointer;
  text-decoration: none;
  margin-left: 10px;
}

.lb-accounts__switch-link:hover, .lb-accounts__switch-link:focus {
	color: var(--primary);
	background:none;
	text-decoration:underline
}

.lb-accounts--logged-in {
	text-align: center;
}

.lb-accounts__logged-in-msg {
	font-size: 15px;
}

.lb-accounts__logged-in-msg a {
	color: #1a3a6b;
	font-weight: 600;
}

/* Profile page */
.lb-accounts--profile {
	/*max-width: 560px;*/
}

.lb-accounts__profile-hero {
	align-items:center
	/*text-align: center;
	margin-bottom: 48px;*/
}

.lb-accounts__products-link {
	display: inline-block;
font-weight: 600;
	font-size:14px;
	text-transform: uppercase;
	
	position:relative;
	
	/*margin-top: 16px;
	font-size: 12px;
	
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #1a3a6b;
	text-decoration: none;*/
}
.lb-accounts__products-link:after{position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  width: 0;
  transition-property: width;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  content: "";
  background: currentcolor;}
.lb-accounts__products-link:hover:after, .lb-accounts__products-link:focus:after {
  width: 100%;
}

.lb-accounts__password-section {
	/*max-width: 480px;
	margin: 0 auto;*/
}

.lb-accounts__section-title {
	font-size: var(--h5);
	font-weight: 700;
	font-family: var(--gp-font--inter-tight);
}

.lb-accounts__password-section > .lb-accounts__password-hint {
	margin-bottom:25px
	
}

.lb-accounts__password-hint {
	font-size: 16px;
	line-height: 1.5;
	margin: 14px 0 0;
	
}

.lb-accounts__field .lb-accounts__password-hint {
	text-align: left;
	margin-top: 14px;
	font-weight: 400;
}

.lb-accounts__panel--register .lb-accounts__divider {
	margin: 16px 0 20px;
}

.lb-accounts__logout {
	text-align: center;
	margin-top: 20px;
}

.lb-accounts__logout a {
	font-size: 16px;
	font-weight:600
	
}

.lb-accounts__logout a:hover {
	
}

.lb-accounts__message--visible {
	display: block;
}

.lb-accounts__switch a {
	font-weight: 600;
	
}

.lb-accounts__reset-login-link {
	text-align: center;
	margin-top: 20px;
}

.lb-accounts__reset-login-link a {
	font-size: 14px;
	font-weight: 600;
	color: #1a3a6b;
	text-decoration: underline;
}

@media (max-width: 960px) {
	.lb-accounts__panel.lb-accounts__panel--login, .lb-accounts__panel.lb-accounts__panel--register{padding-bottom: var(--s-150);}
	.lb-accounts__header{padding-top: var(--s-150);}
}