/******** Colors ***************/
:root {
	--vl-practitioner-blue: #005CDB;
	--vl-practitioner-primary: #002E82;
	--vl-practitioner-dark: #04133C;
	--vl-practitioner-red: #FE584D;
	--vl-practitioner-green: #1A8F6A;
	--vl-practitioner-gray: #525D7D;
	--vl-practitioner-light-gray: #6B7A92;
	--vl-practitioner-orange: #EE8E35;
	--vl-practitioner-dark-blue: #06257F;
	--vl-practitioner-ligther-blue: #EEF5FF;
	--vl-practitioner-ligther-skin: #FDF4F2;
	--vl-practitioner-light-skin: #F9E0DB;
	--vl-practitioner-light-blue: #D2DDEE;
	--vl-practitioner-primary-50: #7289B3;
	--vl-practitioner-white: #FFFFFF;
	--vl-practitioner-opacity-white:  #FFFFFF78;
	--vl-practitioner-light-green: #C3E5D9;
}
hr {
	opacity: 0.1;
	min-height: 1px!important;
}
body {
	background: var(--vl-practitioner-ligther-blue);
	font-family: 'Sofia Pro', Arial, sans-serif;
}
/************ Forms ******************************************/

.form-row input, .form-row select, .form-row textarea{
	margin-bottom: 20px;
}

.form-row label {
	margin: 0 0 5px;
	font-weight: 400;
	font-size: 12px;
	line-height: 130%;
	color: var(--vl-practitioner-light-gray);
}

.form-control:focus {
	color: var(--vl-gray);
	border: none;
	outline: 0;
	box-shadow: none;
}

.form-row input.form-control, .form-row select.form-control, .form-row textarea.form-control, select.form-control:not([size]):not([multiple]){
	border: 1px solid var(--vl-practitioner-light-blue);
	box-sizing: border-box;
	border-radius: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 1px;
    color: #373F41;
    font-family: "Sofia Pro Medium", sans-serif;
	padding: 13px 15px;
}

.form-row textarea.form-control{
	height: 122px;
}
.patient-invoice .iti{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.patient-invoice .iti .iti__search-input {
	border-radius: 3px;
	margin-bottom: 2px !important;
	padding: 10px;
	border-bottom: 1px solid var(--vl-practitioner-light-blue);
}
.patient-invoice .iti .iti__search-input:focus {
	border: 1px solid var(--vl-practitioner-light-blue) !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.patient-invoice .iti  .iti__selected-country{
	border-right: 1px solid var(--vl-practitioner-light-blue);
	padding-right: 10px;
}
.patient-invoice  .agree-box label{
	display: flex;
	align-items: start;
}
.patient-invoice .error-field{
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.15);
}
.patient-invoice #patient_phone ~ .validation_error{
	position: absolute;
	right: 0;
}
.patient-invoice  .agree-box label input[type="checkbox"]{
	margin-top: 5px;
}
.patient-invoice .hi-z-index{
	z-index: 9999;
}
.practitioner-content .btn, .practitioner-content a.btn {
	padding: 12px 15px 11px;
	background: var(--vl-practitioner-blue);
	border: 1px solid var(--vl-practitioner-blue);
	box-sizing: border-box;
	border-radius: 8px;
	font-family: 'Sofia Pro', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	text-align: center;
	color: var(--vl-white);
	margin-bottom: 30px;
}

button:focus, .accordion-button:focus {
	box-shadow: none;
	border: none;
}
.practitioner-content{
	position: relative;
	z-index: 1;
}
.practitioner-dark-blue{
	background: var(--vl-practitioner-dark-blue);
}
.sidebar{
	transition: 0.3s linear;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 277px;
	z-index: 100;
	overflow: visible;
}
.sidebar .sidebar-logo{
	padding: 30px 30px 0;
	text-align: center;
}
.sidebar a {
	font-weight: 400;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	color: var(--vl-practitioner-white);
	white-space: nowrap;
}
.sidebar a:hover{
	text-decoration: underline;
	color: var(--vl-practitioner-white);
}
@media (max-width: 768px) {
	#sidebar-mobile {
		display: grid;
		grid-template-rows: auto auto;
		align-items: start;
		gap: 0;
	}
	#sidebar-mobile-content {
		width: 100%;
		overflow-y: unset;
		min-height: unset;
		flex: unset;
	}
	#practitioner-sidebar {
		height: 70px;
		min-height: 70px;
		overflow-y: hidden;
		width: unset !important;
		min-width: unset;
		left: unset;
		right: unset;
	}
	#practitioner-sidebar.mobile-opened {
		height: 100vh;
	}
	#practitioner-sidebar.mobile-opened.signup-status-displayed {
		height: 100vh;
	}
	.sidebar-logo,
	.sidebar {
		width: unset !important;
		min-width: unset;
	}
	#nav-bottom-container {
		width: auto !important;
		margin: 0 20px 10px 20px;
		padding-top: 16px;
		position: relative;
		height: auto;
		background: unset;
		z-index: unset;
		flex: unset;
	}
	body, html {
		overflow-x: unset !important;
	}
}
#practitioner-sidebar .sidebar-logo {
	/* overflow: hidden; */
	padding: 16px 20px;
    display: block;
    border-bottom: 1px solid #FFFFFF1F;
}
#practitioner-sidebar .sidebar-logo img.logo-image {
	height: 40px;
}
#practitioner-sidebar .sidebar-logo img.logo-text {
	height: 17px;
	opacity: 1;
	transition: opacity 0.3s ease;
}
#practitioner-sidebar.closed .sidebar-logo {
    padding: 16px 10px ;
}

@media (max-width: 768px) {
	#practitioner-sidebar .sidebar-logo {
		height: auto !important;
	}
}

/* Mailchimp in sidebar */
#practitioner-sidebar.closed #mailchimp-signup-form {
	display: none;
}

#mailchimp-signup-form {
	width: auto; 
	margin: 10px 20px 0 20px;
}

@media (max-width: 768px) {
	#mailchimp-signup-form > form {
		width: 60%;
		margin: 0 auto;
	}
	#mailchimp-signup-form > div > div {
		width: 60%;
		margin: 0 auto;
	}
}

#mailchimp-signup-form .fields {
	display: grid; 
	grid-template-columns: 1fr 40px;
}

#mailchimp-signup-form .title-label .label {
	font-size: 14px; 
	opacity: 0.64; 
	text-align: center; 
	margin-bottom: 8px;
	cursor: pointer;
}

#mailchimp-signup-form button {
	width: 32px; 
	height: 32px; 
	border: none; 
	background: #005CDB; 
	color: white; 
	border-radius: 6px; 
}

#mailchimp-signup-form .email {
	color: white; 
	padding: 2px 8px; 
	border: 1px solid #031751 !important; 
	background: #031751 url('../../imgs/practitioners-portal/enter-your-email-field-bg.svg') no-repeat; 
	background-size: contain; 
	border: none; 
	border-radius: 6px; 
	width: 100%; 
	height: 32px;
	font-size: 14px;
}

#mailchimp-signup-form .email.filled {
	background: #031751;
}

.validation_error {
	top: -15px;
}

#mailchimp-signup-form {
	position: relative;

	.success-message, .error-message {
		display: none;
		border-radius: 10px;
		margin: 0;
		padding: 10px;
		text-align: center;
		color: white;
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		overflow: hidden;
		min-height: 120px;
		background: rgba(255, 255, 255, 0.07);

		img {
			width: 32px;
			height: auto;
			margin-bottom: 10px;
		}

		h5 {
			font-size: 14px;
		}

		p {
			font-size: 12px;
			opacity: 0.64;
			line-height: 14px;
			margin-bottom: 0;
		}
	}

	@media (min-width: 768px) {
		.success-message, .error-message, form {
			margin: 0 10px;
		}
	}

	form {
		display: block;
	}

	.title-label {
		.tooltip-box {
			display: none;
			background-color: #000;
			color: #fff;
			padding: 12px 16px;
			border-radius: 10px;
			max-width: 300px;
			font-size: 14px;
			line-height: 1.4;
			position: absolute;
			z-index: 100;
			top: -100px;
			left: 0;
		}

		&:hover .tooltip-box {
			display: block;
		}
		
		.tooltip-box::after {
			content: '';
			position: absolute;
			bottom: -15px;
			right: 30px;
			border-width: 8px;
			border-style: solid;
			border-color: #000 transparent transparent transparent;
			z-index: 1000;
		}
	}
}

/************** Icons *******************/
.icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../../imgs/practitioners-portal/admin-icons-white.svg') no-repeat 0 -966px;
}
.nav-pills .icon{
	margin-right: 15px;
	line-height: 24px;
	vertical-align: middle;
}
.practitioner-link .icon{
	position: absolute; 
	right: 0px;
	background-color: var(--vl-practitioner-dark-blue);
	width: 55px;
}
.closed .practitioner-link .icon{
	float: none;
	margin-left: 0;
}
.icon.profile{
	background-position: 50% -1010px;
}
.icon.formulas{
	background-position: 50% -1055px;
}
.icon.history{
	background-position: 50% -1231px;
}
.icon.protocols{
	background-position: 50% -703px
}
.icon.video-tutorials{
	background-position: 50% -1141px;
}
.icon.faqs{
	background-position: 50% -1187px;
}
.icon.logout{
	background-position: 20px -398px;
}
.closed .icon.logout {
	background-position: 10px -398px;
}
.icon.shopingcart{
	background-position: 16px -1319px;
/*    position: relative;
*/}
.closed .icon.shopingcart {
	background-position: 10px -1319px;
}
.icon.toggle{
	background-position: 0 -923px;
}
.icon.testing-integrations{	
	background: url(../../imgs/practitioners-portal/testing-integration.svg) no-repeat center top 3px;
    background-size: 22px;
}
.icon.podcast{	
	background: url(../../imgs/practitioners-portal/podcasticn.svg) no-repeat center top 1px;
    background-size: 23px;
}
.icon.upload-test{
	background: url(../../imgs/practitioners-portal/upload-test.svg) no-repeat center top 1px;
	background-size: 24px;
	background-position: -1px 0px;
}
.icon.resources{
	background: url(../../imgs/practitioners-portal/resources.svg) no-repeat center top 1px;
	background-size: 24px;
	background-position: -1px 0px;
}
/******* Top Links **********/
.practitioner-link{
	padding:  13px 20px 13px 20px;
	min-height: 21px;
    border-bottom: 1px solid #FFFFFF1F;
    display: block;
    height: 48px;
}
.product-count{
	position: absolute;
	right: 7px;
	top: -10px;
	width: 16px;
	height: 16px;
	font-weight: 600;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: var(--vl-practitioner-white);
	background: var(--vl-practitioner-red);
	border-radius: 50%;
	display: inline-block;
	border: 1px solid var(--vl-practitioner-dark-blue);
	text-align: center;
}
.closed .product-count {
	right: 12px;
}
/************* Balance ************************/
.practitioner-balance{
	margin: 20px 30px;
	padding: 20px;
	background: rgba(255, 255, 255, 0.07);
	border-radius: 10px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	overflow: hidden;
}
.practitioner-balance p{
    margin-bottom: 6px;
}
.practitioner-balance .money{
	font-weight: 400;
	font-size: 36px;
	line-height: 36px;
	color: var(--vl-practitioner-white);
    margin-bottom: 0;
}
@media (max-width: 768px) {
	.practitioner-balance {
		margin: 0 20px;
		padding: 10px;
		min-height: auto;
	}
	.practitioner-balance .money {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 0;
	}
}

/*********** SideBar Links **********/
.link-text{
	display: inline-block;
}
.nav-pills{
	display: block;
}

#nav-bottom-container {
	overflow-x: hidden;
}
.show-mobile{
    display: none;
}
@media (max-width: 768px) {
    .mobile-center{
        text-align: center;
    }
    .mobile-center .btn{
        width: 100%;
    }
    .hide-mobile{
        display: none!important;
    }
    .show-mobile{
        display: block!important;
    }
	.nav-pills {
		overflow-y: auto;
		min-height: 200px;
	}
	.mobile-opened.signup-status-displayed .nav-pills {
		max-height: calc(100vh - 365px);
	}
	#nav-bottom-container {
		flex: 0 0 auto;
		width: auto !important;
		margin: 0 20px 10px 20px;
		padding-top: 16px;
		position: relative;
		height: auto;
		background: var(--vl-practitioner-dark-blue);
		z-index: 2;
	}
}
@media screen and (max-height: 699px) and (max-width: 765px) {
	.nav-pills {
		min-height: 150px;
	}
	#nav-bottom-container {
		margin: 0 20px 10px 20px;
	}
}
#nav-bottom-container::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 11px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.14), transparent);
    pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

#nav-bottom-container.has-scroll::before {
	opacity: 1;
}

@media (max-height: 699px) {
	#nav-bottom-container {
		height: 250px;
	}
}

.nav-pills .nav-link {
	border-radius: 0;
	padding: 14px 20px 14px 20px;
	font-size: 17px;
	line-height: 24px;
	vertical-align: middle;
	display: flex;
	color: #FFFFFF;
	opacity: 0.5;
	white-space: nowrap;
	position: relative;
	width: 100%;
}
.nav-pills .nav-link span{
	font-size: 17px;
	line-height: 24px;
	vertical-align: middle;
	display: inline-block;
}
.nav-pills .nav-item:hover .nav-link, .closed .nav-pills .nav-link{
	opacity: 1;
}
.closed .nav-pills .nav-link .icon {
	margin-right: 0;
}
.nav-pills .nav-item.active > .nav-link, .nav-pills .nav-item:hover > .nav-link, .nav-pills .nav-item:active > .nav-link{
	color: #fff;
	background: linear-gradient(90deg, #031751 -1.64%, rgba(0, 0, 0, 0) 145.62%);
	border-left: 3px solid var( --vl-practitioner-blue);
	opacity: 1;
}
.nav-pills  .submenu .nav-link:hover {
	text-decoration: none;
}
.nav-pills  .submenu .nav-link{
	padding-left: 40px;
}
.nav-pills  .beta .nav-link:after{
    content: "BETA";
    display: inline-block;
    padding: 2px 4px;
    background: #1A8F6A;
    border-radius: 4px;
    color: #ffffff;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 900;
    font-family: Karla, Arial, sans-serif;
}
.nav-pills  .beta.news .nav-link:after{
    content: "NEW";
}
.nav-pills .nav-link .link-text, .practitioner-link.link-text{
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.4s ease;
    transition-delay: 0.2s;
}
.nav-pills .nav-item.has_children > .nav-link:after{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: url('../../imgs/practitioners-portal/arrow_down.svg') no-repeat center right;
	margin-left: 20px;
	vertical-align: middle;
}
.nav-pills .nav-item.has_children.active > .nav-link:after{
	transform: rotate(180deg);
}
.nav-pills .nav-item.has_children.active.toggled > .nav-link:after{
	transform: rotate(0);
}
.closed .nav-item.has_children > .nav-link:after {
	display: none !important;
}
.nav-pills .submenu .nav-link {
	color: #fff;
	opacity: 1;
	padding-left: 40px;
	border-left: none;
	background: none;
	line-height: 16px;
}
/************ Toggle Link **********************/
.sidebar-toggler{
	padding: 20px 30px;
	opacity: 1;
	position: sticky;
	top: 100vh;
	left: 0;
	right: 0;
	background-color: var(--vl-practitioner-dark-blue);
	min-width: 100%;
	display: flex;
	justify-content: space-between;
}
.sidebar-toggler:hover{
	opacity: 1;
}
.sidebar-toggler span{
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 130%;
	color: var(--vl-practitioner-opacity-white);
	white-space: nowrap;
}
.sidebar-toggler span, .sidebar-toggler i {
	color: var(--vl-practitioner-opacity-white);
}
.sidebar-toggler .toggle {
	opacity: 1;
}
/***************  Closed ***********************/
.sidebar.closed{
	width: 60px;
}
.closed .nav-link.active{
	background: none;
}
.closed .nav-pills .nav-item.has_children{
    position: relative;
    z-index: 10;
}
.closed .nav-pills  .beta .nav-link:after{
    display: none;
}
.closed .nav-pills .nav-item.has_children:hover .submenu{
    display: block!important;
    min-width: 200px;
    z-index: 9999;
    position: absolute;
    left: 100%;
    top: -100px;
    background: linear-gradient(90deg,#031751 -1.64%, var(--vl-practitioner-dark-blue) -1.64%);
    border-radius: 0 12px 12px 0;
}
#practitioner-sidebar.closed .sidebar-logo img.logo-text{
	opacity: 0;
}

.closed .sidebar-logo {
	padding: 30px 9px 0;
}

.closed .logo-text{
	margin-left: 10px;
}

.closed .practitioner-balance{
	display: none;
}
.closed .nav-pills .nav-link{
	padding: 16px 16px;
}
.closed .nav-pills .nav-link.active {
	padding: 10px 16px 10px 13px;
}
.closed .nav-pills .nav-link .link-text, .closed .practitioner-link .link-text, .closed .sidebar-toggler .link-text{
    width: 0;
    opacity: 0;
    transition-delay: 0s;
}
.closed .practitioner-link {
    padding:  13px 9px;
    line-height: 1;
    overflow: hidden;
}
.closed .practitioner-link .icon{
    position: relative;
    line-height: 1;
    font-size: 14px;
}
.closed .sidebar-toggler{
	padding: 20px;
}
.sidebar-toggler .toggle {
	opacity: 1;
	position: relative;
}
.closed .icon.toggle{
	background-position: 0 -882px;
}
/*************** Action Icons ***************/
.actions-group .delete-icon {
	background-image: url(../../imgs/icons/delete.svg);
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 3px;
	background-size: cover;
	width: 15px;
	height: 18px;
	margin-top: 0!important;
	cursor: pointer;
	background-size: contain;
}

.open-supplement-modal {
	padding-right: 26px;
	background: url('../../imgs/practitioners-portal/supp-consideration-icon.svg') no-repeat right center;
}
.open-pharmaceutical-modal {
	padding-right: 32px;
	background: url('../../imgs/practitioners-portal/pharm-consideration-icon.svg') no-repeat right center;
}
/*************** Container ******************/
.practitioner-portal-body .content{
/*    height: 100vh;*/    
	overflow-y: unset;
    transition:  margin 0.6s ease;
}
.admin-container{
	width: 768px;
	margin: 40px auto;
}
.content-fluid{
    overflow-y: unset;
    padding: 0 30px;
    transition:  margin 0.6s ease;
}
.content-middle {
	overflow-y: unset;
	padding: 0 30px;
    transition:  margin 0.4s ease;
}
.content-fluid .admin-container {
	width: 100%;
}
.sidebar-opened .content-fluid, .sidebar-opened .content {
    margin-left: 277px;
}
.sidebar-closed .content {
    margin-left: 60px;
    transition-delay: 0.15s;
}
.sidebar-closed  .content-fluid {
	margin-left: 60px;
    transition-delay: 0.25s;
}
#user_switching_switch_on {
	text-align: center;
}
img.full-width{
	width: 100%;
}
h1{
	font-weight: 600;
	font-size: 28px;
	line-height: 28px;
	color: var( --vl-practitioner-dark);
	margin-bottom: 20px;
	font-family: 'Sofia Pro Semibold', Arial, sans-serif;
}
h2{
	font-weight: 600;
	font-size: 20px;
	line-height: 130%;
	color: var( --vl-practitioner-dark);
	margin-bottom: 15px;
	font-family: 'Sofia Pro Semibold', Arial, sans-serif;
}
.portal-block a{
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
}
.portal-block a.copy-payment-link {
	display: block;
	margin-left: 22px;
	margin-top: 5px;
	font-size: 14px;
	text-decoration: underline !important;
	color: #007bff;
}
.empty-block{
    text-align: center;
    width: 768px;
    margin: 40px auto;
}
.empty-block .empty-block-img{
    max-width: 280px;
    margin-bottom: 40px;
}
.empty-block  h3{
    font-family: 'Sofia Pro Semibold', Arail, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #002E82;
}
.empty-block p{
    color: #6F7993;
    margin: 0 auto 24px;
}
.portal-block a:not(.mb-0):not(.copy-payment-link){
	margin-top: 15px;
}
a.dwln{
	color: var(--vl-practitioner-orange);
	padding-left: 24px;
	background: url('../../imgs/practitioners-portal/dwnl-icon.svg') no-repeat left center;
}
.nwlnk{
	color: var(--vl-practitioner-blue);
	padding-right: 23px;
	background: url('../../imgs/practitioners-portal/arrow.svg') no-repeat right center;
}

.podYTlnk{
	padding-left: 23px;
	background: url('../../imgs/practitioners-portal/youtube-pod.svg') no-repeat left center;
	color: var(--vl-practitioner-dark-blue);
}
.podSPlnk{
	padding-left: 23px;
	background: url('../../imgs/practitioners-portal/spotify-pod.svg') no-repeat left center;
	color: var(--vl-practitioner-dark-blue);
}
.podAPlnk{
	padding-left: 23px;
	background: url('../../imgs/practitioners-portal/apple-pod.svg') no-repeat left center;
	color: var(--vl-practitioner-dark-blue);
}

.portal-block{
	padding: 30px;
	border-radius: 10px;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	background: var(--vl-practitioner-white);
	color: var(--vl-practitioner-gray);
}
.notification-block{
	background: #FDF9EF;
	padding: 20px!important;
}
.information-block{
    background: url('../../imgs/practitioners-portal/info-icon.svg') no-repeat 12px 16px #EEF5FF;
    border-radius: 8px;
    padding: 12px 16px 12px 46px;
    display: inline-block;
}
.small-notification{
    border-radius: 8px;
    padding: 20px;
    background: #EEF5FF;
}
.small-notification h3{
    font-size: 16px;
    line-height: 20px;
    color: #002E82;
    font-family: "Sofia Pro Semibold", Arial, sans-serif;
    font-weight: 600;
}
.small-notification p{
    font-size: 14px;
    line-height: 140%;
    color: #525D7D;
    margin-bottom: 0;
}
.information-block p, .information-block ul, .information-block ol{
    font-family: "Sofia Pro Medium", Arial, sans-serif;
    font-weight: 500;
    color: #525D7D;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}
.notification-sale-block {
	position: relative;
    background: linear-gradient(94.13deg, #F9E0DB 2.13%, #F6CEC6 84.84%); /* Background gradient */
    border-radius: 10px;
    padding: 20px!important;
    z-index: 1;
}
.notification-sale-block::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url('../../imgs/practitioners-portal/sale-banner-vector-1.svg') no-repeat,
                url('../../imgs/practitioners-portal/sale-banner-vector-2.svg') no-repeat,
                url('../../imgs/practitioners-portal/sale-banner-vector-3.svg') no-repeat;
    background-position:
        calc(50% - 50.75px) calc(50% + 79.71px),
        calc(50% + 19px) calc(50% + 93.96px),
        calc(50% - 187px) calc(50% + 67px);
    background-size:
        871.5px 211.42px,
        800px 199.54px,
        1098px 266px;
}
.portal-block.header-block{
	padding: 20px 20px 20px 60px;
	background: url('../../imgs/practitioners-portal/VL-V.png') no-repeat 15px 20px #D8E8FF;
	background-size: 36px;
}
.header-block h2{
	color: var(--vl-practitioner-primary);
}
.header-block p{
	color: #373F41;
}
.notification{
	padding-left: 32px;
	background: url('../../imgs/practitioners-portal/ntfcn-icon.svg') no-repeat left top;
	line-height: 22px;
}
.new-ingredients.notification-block{
    background: linear-gradient(100.5deg, #FDF9EF 22.56%, #FFFFFF 56.86%, #F9E0DB 97.26%);
    border: 1px solid #F9EFD6;
    border-radius: 10px;
    padding: 24px 0 24px 24px!important;
}
.new-ingredients p, .new-ingredients ul{
    font-family: 'Sofia Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #525D7D;
    margin-bottom:10px;
}
.new-ingredients p.note{
    font-size: 10px;
    color: #000000;
}
.new-ingredients p strong{
    font-family: 'Sofia Pro Bold', Arial, sans-serif;
    font-weight: 700;
}
.new-ingredients h2{
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: var( --vl-practitioner-dark-blue);
    margin: 0 0 14px;
    font-family: 'Sofia Pro Semibold', Arial, sans-serif;
}
.new-ingredients .upload-test-bg{
    background: url(../../imgs/practitioners-portal/uploadTestBG.png) no-repeat center right / contain;
}
.new-ingredients a {
    font-size: 14px;
    line-height: 140%;
    color: #005CDB;
    margin: 16px 0;
    display: block;
}
.new-ingredients a:before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: url(../../imgs/icons/upload_blue.svg) no-repeat center left / contain;
    vertical-align: middle;
}
.new-ingredients img{
    max-width: 100%;
}
.left-block {
    flex-basis: 50%;
}
.date-block{
    padding: 6px 0;
    background: #F6EEEB;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-right: 16px;

}
.date-block span{
    font-family: 'Sofia Pro Medium', Arial, sans-serif;
    font-size: 14px;
    line-height: 140%;
    color: #002D80;
    padding: 4px 0;
    flex: 1 1 0px;
    text-align: center;
}
.date-block span:nth-child(2){
    border-left: 1px solid #C9DCFF;
    border-right: 1px solid #C9DCFF;
}
.charm-notification a.btn {
    background: #002E82 !important;
    border: 1px solid #002E82 !important;
    border-radius: 40px !important;
    padding: 9px 28px 10px !important;
}
.portal-block.transparent{
	background: transparent;
}
.charm-announcement a.btn {
	background: #002E82!important;
    border: 1px solid #002E82!important;
    border-radius: 100px!important;
	padding: 6px 12px!important;
}
.right-arrow {
    margin-left: 5px;
}
.charm-announcement-img{
	margin: 0 -84px;
}
.summer-sale-announcement-img{
	margin: 0 -36px;
}
.summer-sale-announcement a.btn {
	background: #002E82!important;
    border: 1px solid #002E82!important;
    border-radius: 40px!important;
	padding: 9px 28px 10px!important;
}
/*************** Profile ***********************************/
.breadcrumb{
	margin: 10px 0 15px;
}
.breadcrumb a{
	text-decoration: none;
	color: var(--vl-practitioner-blue);
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	padding-left: 20px;
	background: url('../../imgs/practitioners-portal/arrow-left.svg') no-repeat left center;
}
.profile-picture{
	float: right;
	margin-bottom: 15px;
}
.profile-picture img{
	width: 132px;
	height: 132px;
	object-fit: cover;
	border: 1px solid var(--vl-practitioner-light-blue);
	border-radius: 10px;
}
.light-gray-text{
	color: var(--vl-practitioner-light-gray);
}
.blue-text{
	color: var(--vl-practitioner-dark-blue);
}
.head-row{
	margin-bottom: 25px;
	position: relative;
}
.info-row{
	margin-bottom: 15px;
	font-weight: 400;
}
.portal-block hr{
	margin: 30px auto;
}
.head-row h2{
	margin-bottom: 5px;
}
.head-row p{
	margin-bottom: 0;
}
p.info{
    color: var(--vl-practitioner-dark-blue);
    font-size: 16px;
    margin-bottom: 20px;
}
.text-right {
	text-align: right;
}
.portal-block a.edtlnk{
	position: absolute;
	right: 0;
	top: 0;
	color: var(--vl-practitioner-blue);
	padding-left: 20px;
	background: url('../../imgs/practitioners-portal/edt-icon.svg') no-repeat left center;
	width: auto;
	padding-right: 0;
}
#form_profile_update{
	padding: 0 0 50px;
}
#form_profile_update .portal-block{
	height: 100%;
	padding: 30px 30px 10px;
}
#form_profile_update #profile-update-btn {
	margin: 30px 0;
}
.table-row{
	border-bottom: 1px solid var(--vl-practitioner-light-blue);
	padding: 25px 0;
	align-items: center;
}
.table-row:last-child {
	border-bottom: none;
}
.table-row.head-row{
	margin-bottom: 0;
	border-top: 1px solid var(--vl-practitioner-light-blue);
	color: var(--vl-practitioner-light-gray);
	padding: 11px 0;
}
#cart-items-list .table-row .table-col, #protocols-list .table-row .table-col{
	padding: 0 5px!important;
}
@media screen and (min-width: 768px){
	#cart-items-list .table-row .table-col.middle-size,
	#protocols-list .table-row .table-col.middle-size{
		flex-grow: 2;
		min-width: 27%;
		max-width: 27%;
	}
	#protocols-list .table-row .table-col.middle-size.actions-group{
		min-width: 43%;
		max-width: 43%;
	}
	#cart-items-list .table-row .table-col.pre-middle-size {
		min-width: 16%;
		max-width: 16%;
	}
	#cart-items-list .table-row .table-col {
		min-width: 13%;
		max-width: 13%;
	}
	#protocols-list .table-row .table-col{
		min-width: 15%;
		max-width: 15%;
	}
	#cart-items-list .table-row .table-col.small-size{
		min-width: 5%;
		max-width: 5%;
	}
}
.search-form{
	display: inline-block;
}
.search-input{
	padding-left: 41px;
	background: url('../../imgs/practitioners-portal/search.svg') no-repeat 15px 50% ;
	font-size: 14px;
}
form .input-group .form-control.icon-search-gray, .form .input-group .form-control.icon-search-gray{
	padding-left: 41px;
	background: url('../../imgs/practitioners-portal/search.svg') no-repeat 15px 50% ;
	color: var(--vl-practitioner-gray);
}
form .input-group .btn.dwnl-btn{
	padding-left: 41px;
	background: url('../../imgs/practitioners-portal/dwnl-icon-blue.svg') no-repeat 15px 50% ;
}
.form-row select.form-control, select.form-control:not([size]):not([multiple]) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('../../imgs/practitioners-portal/select-icon.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 18px) 50%;
}
.table-row .table-col.middle-size{
	flex-grow: 2;
}

.table-row .table-col.small-size{
	flex-grow: 0;
}
.table-row p{
	margin-bottom: 8px;
    word-break: break-word;
}
#cart-items-list .table-row p {
	margin-bottom: 0;
	word-break: break-word;
}
.table-row.formula {
	position: relative;
}

.protocol_ingredient_name {
	float: left;
	width: 70%;
}

.protocol_ingredient_dosage {
	float: left;
    width: 29%;
}
.delete_from_protocol {
	display: none;
}

.ingredient-dosage label{
	display: flex;
	align-items: center;
}
.dosage-input.form-control{
	width: 100px;
	margin-right: 8px;
}
.protocol-ingrs-dose {
	display: none;
	width: 100px;
	margin-right: 8px;
	float: left;
	position: relative;
	top:-10px;
}
.protocol-min-max-dose {
	display: none;
	color:#2c99f7;
	top: -10px;
	position: relative;
}


#editFormulaProtocolModal .protocol-ingrs-dose{
	display: block;
}

#editFormulaProtocolModal .protocol-min-max-dose {
	display: inline-block;
	width: 100%;
}

#editFormulaProtocolModal .protocol-ingrs-dose-text {
	display: none;
}
#editFormulaProtocolModal li {
	margin-bottom: 10px;
}

#editFormulaProtocolModal .protocol_ingredient_name {
	float: left;
	width: 55%;
}

#editFormulaProtocolModal .protocol_ingredient_dosage {
	float: left;
    width: 38%;
}
#editFormulaProtocolModal .delete_from_protocol {
	display: block;
}
.modal-info-icon,
.portal-block a.modal-info-icon{
	color: var(--vl-practitioner-dark-blue);
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.order-status .status{
	padding-left: 22px;
	background-position: left 50%;
	background-repeat: no-repeat;
	display: inline-block;
}
.order-status .waiting, .order-status .processing{
	background-image: url('../../imgs/practitioners-portal/waiting.svg');
}
.order-status  .completed{
	background-image: url('../../imgs/practitioners-portal/completed.svg');
}
.order-status .canceled{
	background-image: url('../../imgs/practitioners-portal/canceled.svg');
}
.portal-block a.ordrlnk{
	font-weight: 600;
	font-size: 10px;
	line-height: 10px;
	color: var(--vl-practitioner-white);
	padding: 6px 8px;
	background: var(--vl-practitioner-green);
	border-radius: 6px;
	margin-top: 6px;
	text-transform: uppercase;
	cursor: pointer;
    display: inline-block;
}
.portal-block a.ordrlnk.pdflnk{
	background: var(--vl-practitioner-red);
}
#practitioner-sidebar .collapse:not(.show) {
	display: block;
}
.protocol-action.actions-group a {
	color: var(--vl-practitioner-blue);
	margin-right: 20px;
	cursor: pointer;
}
.protocol-action.actions-group a:last-child {
	margin-right: 0;
}
.table-container .publish {
	background-image: url(../../imgs/icons/publish.svg);
}
.table-container .draft {
	background-image: url(../../imgs/icons/draft.svg);
}
.filtr-refill{
padding: 7px;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid var(--vl-practitioner-blue);
color: #005CDB!important;
}
/*************** Formulas List *******************************/
.add-form label.big_label{
	font-family: 'Sofia Pro', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #000000;
	display: inline-block;
	margin-bottom: 5px;
}
.has_tooltip .info-tooltip{
	display: inline-block;
	color: var(--vl-practitioner-dark-blue);
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	width: 14px;
	height: 14px;
}
.has_tooltip .info-tooltip:hover .info-tooltip-box{
	display: block;
}
.has_tooltip .info-tooltip-box{
	display: none;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 3px);
	width: 210px;
	height: auto;
	background: rgba(0, 0, 0, 0.9);
	color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	border-radius: 5px;
	font-weight: 300;
	font-size: 10.5px;
	line-height: 120%;
	transform: translateX(-49%);
    z-index: 1000;
}
#formula_total .has_tooltip .info-tooltip-box{
	background: rgba(0, 0, 0, 0.8);
	font-size: 12px;
}
.has_tooltip .info-tooltip:hover:after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.9) transparent;
	border-width: 5px 5px 0;
	top: -3px;
	left: 50%;
	margin-left: -3px;
}
#formula_total .has_tooltip .info-tooltip:hover:after{
	border-color: rgba(0, 0, 0, 0.8) transparent;
}
.formula-buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.order-buttons {
	justify-content: space-between;
	align-items: center;
}
.formula-actions {
	border-right: 1px solid var(--vl-practitioner-light-blue);
	display: flex;
	justify-content: space-between;
	padding-right: 20px;
	margin-right: 20px;
	flex-grow: 1;
}
.formula-managers {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#order-table .formula-managers {
    flex-direction: column;
}
.formula-tooltip{
	position: relative;
	z-index: 10;
}
.formula-tooltip i{
	display: none;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 3px);
	width: 210px;
	height: auto;
	background: rgba(0, 0, 0, 0.8);
	color: rgba(255, 255, 255, 0.9);
	padding: 10px;
	border-radius: 5px;
	font-weight: 300;
	font-size: 10.5px;
	line-height: 120%;
	transform: translateX(-49%);
	z-index: 1000;
    font-style: normal;
}
.formula-tooltip:hover i:after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.8) transparent;
	border-width: 5px 5px 0;
	bottom: -3px;
	left: 50%;
	margin-left: -3px;
}
.formula-tooltip:hover i{
	display: block;
}
.button-tooltip{
    cursor: pointer;
}
.button-tooltip.off .btn.disabled:after{
    content: "ⓘ";
}
.button-tooltip.off:hover:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.9) transparent;
    border-width: 5px 5px 0;
    top: -3px;
    left: 50%;
    margin-left: -3px;
}
.button-tooltip.off .has_tooltip .info-tooltip:hover .info-tooltip-box, .button-tooltip.off .has_tooltip .info-tooltip:hover:after{
    display: none!important;
}
.button-tooltip.off:after{
    content: "";
    display: none;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: calc(100% + 3px);
    height: auto;
    background: rgba(0, 0, 0, 0.9);
    color: rgba(255, 255, 255, 0.9);
    padding: 10px;
    border-radius: 5px;
    font-weight: 300;
    font-size: 12px;
    line-height: 120%;
    z-index: 1000;
    font-style: normal;
    text-align: center;
}
.button-tooltip.pe-0:after{
    right: 0;
}
.button-tooltip.off:hover:after{
    display: block;
}
.button-tooltip.off.protocol:after{
    content: "To save a protocol, add some ingredients.";
}
.button-tooltip.off.calculate:after{
    content: "To calculate the price, add some ingredients.";
}
.button-tooltip.off.cart:after{
    content: "Add ingredients to your formula before adding to cart."
}
.button-tooltip.off.buy:after{
    content: "Add ingredients to your formula before ordering."
}
.link-btn{
    color: var(--vl-practitioner-dark-blue);
    text-decoration: underline!important;
}
.link-btn.disabled {
    pointer-events: none;
    opacity: .7;
}
#formula_total .has_tooltip .info-tooltip:hover:after{
    border-color: rgba(0, 0, 0, 0.8) transparent;
}
.formula-actions a {
	margin-top: 0!important;
	margin-right: 10px;
}
.icon.dltlnk {
	height: 17px;
	width: 16px;
	background: url('../../imgs/dlt-icon.svg') no-repeat center bottom;
}
/*added.svg*/
.formula-buttons .btn, .formula-buttons a.btn {
	font-weight: 600;
	font-size: 13px;
	line-height: 13px;
	background: var( --vl-practitioner-blue);
	border-radius: 8px;
	padding: 8px 12px;
	color: var(--vl-practitioner-white);
	margin: 0;
}
.order-buttons .btn, .order-buttons a.btn {
	font-weight: 600;
	font-size: 13px;
	line-height: 13px;
	background: var( --vl-practitioner-blue);
	border-radius: 8px;
	padding: 8px 12px;
	color: var(--vl-practitioner-white);
	margin: 0;
}
.practitioner-content .btn.white {
	color: var( --vl-practitioner-blue);
	border: 1px solid var( --vl-practitioner-blue);
	background: var(--vl-practitioner-white);
}
.practitioner-content .btn.dwnl-btn{
	padding-left: 41px;
	background: url('../../imgs/practitioners-portal/dwnl-icon-blue.svg') no-repeat 15px 50% ;
}
.practitioner-content .btn.white:hover {
	color: var( --vl-practitioner-blue)!important;
}

@keyframes blinking {
	50% {
		box-shadow: 0 0 0 .25rem #D0DDFF;
	}
}

.alerts-border {
	box-shadow: 0 0 .25rem #FFFFFF;
	animation: blinking 2s;
	animation-iteration-count: 5;
}
.formula-managers .btn.white {
	margin-left: 10px;
	width: 100px;
}
.formula-actions-toggler {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 0;
	width: 24px;
	height: 24px;
	background: url('../../imgs/sw-icon.svg');
	border-radius: 5px;
	z-index: 1000;
}
.practitioner-content .btn.white.added-to-cart-btn {
	min-width: 94.62px;

}
.practitioner-content .btn.white.added-to-cart-btn:before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 13px;
	background: url('../../imgs/icons/added.svg') no-repeat center / 14px;
}
.practitioner-content .btn.white.added-to-cart-btn:focus {
	box-shadow:  none;
}
/*************** Formula Edit *******************************/
#edit-formula-form .portal-block hr {
	margin: 8px 0 5px 0px;
}
#ingredients-search {
	margin: 0;
}
.select-condition {
	margin-bottom: 20px;
}
.select-vitamin-category label,
.select-category label,
.select-condition label {
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	white-space: nowrap;
}
.categories_vitamins_list label {
	padding: 10px 25px;
}
.select-vitamin-category label:hover{
	background: var(--vl-practitioner-ligther-blue);
}
.select-condition label,select-category label {
	background: var(--vl-practitioner-ligther-blue);
}
.select-category label {
	background: var(--vl-practitioner-ligther-blue);
}
.select-condition label:hover,select-category label:hover {
	background: var(--vl-practitioner-light-blue);
}
.select-vitamin-category label.active,
.select-condition label.active,
.select-vitamin-category label.active:hover,
.select-category label.active,
.select-category label.active:hover,
.select-condition label.active:hover {
	background: var(--vl-practitioner-blue);
	color: var(--vl-practitioner-white);
}
.select-vitamin-category .col,
.select-category .col,
.select-condition .col {
	margin: 5px 0 0;
	padding: 0 12px;
	flex-grow: 1;
}
.select-vitamin-category input[type=radio],
.select-category input[type=radio],
.select-condition input[type=radio] {
	display: none;
}
.select-vitamin-category label .open_by_category {
    padding-left: 45px;
    background: url('../../imgs/practitioners-portal/cat-down.svg') no-repeat 15px 5%;
	background-size: 26px 24px;
	width: 14px;
    height: 14px;
}
.select-vitamin-category input[type="radio"]:checked + .open_by_category {
    background: none;
}
.testing-company-wrap {
	margin-bottom: 8px;
}
#formula-total-column {
	position: sticky;
	overflow-y: overlay;
	top: 10px;
	height: 100vh;
	max-height: 100%;
}
#formula-summary .col-sm-8{
	padding-right: 0;
}
#formula-summary .col-sm-4{
	padding-left: 0;
}
#formula-summary .ingredients {
	margin-left: 15px;
}
#formula-summary .ingredients ul{
	padding-left: 0;
	margin-bottom: 0;
}
#formula-summary .info-row button.delete_from_formula{
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	border: none;
	background: url('../../imgs/practitioners-portal/canceled-gray.svg') no-repeat center transparent!important;
	position: absolute;
	right: 0;
	top: 0;
}
.search-form .clear-filter-btn {
	text-indent: -9999px;
	width: 22px;
	height: 22px;
	border: none;
	background: url('../../imgs/practitioners-portal/canceled-gray.svg') no-repeat center / contain transparent!important;
	margin-left: 5px;
}

#editFormulaProtocolModal button.delete_from_protocol {
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	border: none;
	background: url('../../imgs/practitioners-portal/canceled-gray.svg') no-repeat center transparent!important;
}
#formula-summary .info-row button.edit_formula_protocol{
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	border: none;
	background: url('../../imgs/practitioners-portal/edt-icon.svg') no-repeat center transparent!important;
	margin-right: 5px;
}
.ingredients li::after {
	content: "";
	display: block;
	clear: both;

}
.testing_company {
	margin-bottom: 15px;
}
.testing_company label, .testing_company a.upload_test{
	background: #EFF5FE;
	border-radius: 6px;
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	white-space: nowrap;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--vl-practitioner-gray);
	margin-top: 0;
}
.testing_company a .new{
	padding: 5px 6px;
	font-size: 11px;
}
.testing_company a.upload_test:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	vertical-align: middle;
	background: url('../../imgs/icons/UploadTestGray.svg') no-repeat center;
}
#formula-calculate-price-btn {
	margin-bottom: 0;
}
.purple_text_below_title {
	font-size: 11px;
	line-height: 1.4;
	margin-top: -10px;
	display: block;
	color: #00b0ff;
	margin-right: 20px;
}
.disabledContent .ingredient-dosage-input, .disabledContent .add-to-formula-btn, .disabledContent .remove-from-formula-btn {
	pointer-events: none;
	opacity: 0.4;
}
li.out-of-stock {
    pointer-events: none;
    opacity: 0.4;
}
.portal-block a.remove-from-formula-btn, .portal-block a.add-to-formula-btn{
	line-height: 16px;
}
.remove-from-formula-btn,
.remove-from-protocol-btn {
	color: var(--vl-practitioner-red);
}
.add-to-formula-btn:before, .remove-from-formula-btn:before{
	content:"";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: middle;
}
.add-to-formula-btn:before{
	background-image: url('../../imgs/practitioners-portal/add-blue.svg');
}
.remove-from-formula-btn:before{
	background-image: url('../../imgs/practitioners-portal/clear-red.svg');
}

.api_tag {
	cursor: pointer;
	font-size: 25px;
	position: relative;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.api_tag::after {
	content: "";
	background: url(../../imgs/icons/tag_info.svg) no-repeat center center;
	width: 25px;
	height: 25px;
	display: inline-block;
}
.api_tag_text {
	display: none;
	position: absolute;
	left: -100px;
	top: -83px;
	z-index: 100000000000;
	width: 224px;
	height: 75px;
	min-width: 124px;
	max-width: 224px;
	background: #000000;
	color: #fff;
	opacity: 0.8;
	border-radius: 6px;
	gap: 8px;
	padding: 12px;
	font-weight: 400;
	font-size: 12px;
	line-height: 140%;
	vertical-align: bottom;
}

.api_tag .api_tag_text::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}


.taste_bad, .allergen, .form_restriction {
	color: red;
	cursor: pointer;
	font-size: 25px;
	position: relative;
	width: 15px;
	display: inline-block;
}

.taste_bad_text, .allergen_text, .form_restriction_text {
	display: none;
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 100000000000;
	width: 257px;
	background: #d8d8d8;
	padding: 10px;
	border-radius: 20px;
	border: 1px solid #c5c5c5;
}

.taste_bad:hover .taste_bad_text,
.allergen:hover .allergen_text,
.form_restriction:hover .form_restriction_text,
.api_tag:hover .api_tag_text {
	display: block;
}

.row info-row:hover .taste_bad_text{
    display: block;
}

.form_summary .taste_bad_text {
    margin-top: -27px;
}

#supplementconsideration .supplement_summary_content {
	white-space: pre-wrap;
	width: auto;
	word-break: normal;
	overflow-wrap: break-word;
}

#supplementconsideration .modal-body div{
	font-family: 'Sofia Pro', Arial, sans-serif;
	font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.75px;
}

#pharmaceuticalconsideration .modal-body {
	font-family: 'Sofia Pro', Arial, sans-serif;
	font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.75px;
}

#pharmaceuticalconsideration .pharmaceutical_summary_content {
	white-space: pre-wrap;
	width: auto;
	word-break: normal;
	overflow-wrap: break-word;
}
/*************** Protocols ***********************************/

form .input-group .form-control, .form .input-group .form-control {
	font-size: 14px;
	line-height: 140%;
	margin-right: 15px;
	padding: 13px 15px;
	height: auto;
	max-height: 46px;
	border-radius: 8px!important;
}

form .input-group button, .form .input-group button  {
	border-radius: 8px!important;
	margin-bottom: 0;
}

.protocol-name p {
	color: var(--vl-practitioner-dark);
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
}

.protocol-status .status {
	padding-left: 22px;
	background-position: left 50%;
	background-repeat: no-repeat;
	display: inline-block;
}

/*************** Video Tutorials ***********************************/
#accordionFlushTutorial .accordion-collapse.show {
	margin-bottom: 30px;
}

#accordionFlushTutorial .accordion-collapse.show .accordion-body {
	position: relative;
	padding-bottom: 61%;
	height: 0;
}

#accordionFlushTutorial .accordion-collapse.show .accordion-body iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.accordion-button {
	color: var(--vl-practitioner-gray);
	padding-left: 0;
	font-weight: 500;
	font-size: 17px;
	line-height: 18px;
}

.accordion-button:not(.collapsed) {
	background-color: var(--vl-practitioner-white);
	color: var(--vl-practitioner-gray);
}

.accordion-button:not(.collapsed)::after {
	background-image: url(../../imgs/icons/minus.svg);
}

.accordion-button::after {
	background-image: url(../../imgs/icons/plus.svg);
}

/*************** FAQ's ***********************************/

.accordion#FAQs {
	padding: 15px 20px 20px 0;
}
.accordion#FAQs .accordion-item {
	background-color: #fff;
	border: none;
}
.accordion#FAQs > .accordion-item {
	border-bottom: 1px solid #EEF5FF;
}
.accordion#FAQs .accordion-button{
	box-shadow: none;
}
.accordion#FAQs .accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
}
.accordion#FAQs .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
}
.accordion#FAQs > .accordion-item > .accordion-header .accordion-button.collapsed{
	color: #002E82;
}
.accordion#FAQs > .accordion-item > .accordion-header .accordion-button{
	font-family: 'Sofia Pro Semibold', Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 130%;
	color: #005CDB;
}
.accordion#FAQs .accordion-body{
	padding: 0 20px 0 0;
}
.question-item{
	margin-bottom: 20px;
}
.accordion#FAQs .question-header {
	color: #002E82;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Sofia Pro Medium', Arial, sans-serif;
}
.accordion#FAQs .question-body p {
	font-size: 13px;
	line-height: 20px;
	color: var(--vl-practitioner-gray);
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-family: 'Sofia Pro', Arial, sans-serif;
}
#horizontal-images {
	display: flex;
	justify-content: center;
}

#horizontal-images:before,
#horizontal-images:after {
	content:"";
	display: table;
	clear:both;
}

#horizontal-images .item {
	width: 14%;
	margin: 0 2%;
	height: auto;
}

#horizontal-images .item:first-child {
	margin: 0 2% 0 0;
}
#horizontal-images .item:last-child {
	margin: 0 0 0 2%;
}

#horizontal-images .item img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.pdf-block {
	margin-bottom: 20px;
}

.pdf-block hr {
	margin: 20px auto 0;
	position: sticky;
	width: auto;
	top: 100%;
	color: var(--vl-practitioner-blue);
}

.pdf-block h4 {
	font-size: 17px;
	line-height: 18px;
	font-weight: 500;
	color: var(--vl-practitioner-gray );
	margin: 12px 0;

}

.pdf-block a {
	display: block;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--vl-practitioner-blue);
}

.pdf-block embed#Launching_with_Vitaminlab {
	background: url(../../imgs/practitioners-portal/Launching_with_Vitaminlab.png) no-repeat  top center / cover;
}
.pdf-block embed#Ordering_in_Bulk {
	background: url(../../imgs/practitioners-portal/Ordering_in_Bulk.png) no-repeat  top center / cover;
}
.pdf-block embed#Practitioner_Payment_Options_Info_sheet {
	background: url(../../imgs/practitioners-portal/Practitioner_Payment_Options_Info_sheet.png) no-repeat  top center / cover;
}
.pdf-block embed#Conversion_Chart {
	background: url(../../imgs/practitioners-portal/Conversion_Chart.png) no-repeat  top center / cover;
}
.pdf-block embed#Pro_Pro_Plus_Accounts {
	background: url(../../imgs/practitioners-portal/Pro_Pro+_Accounts.png) no-repeat  top center / cover;
}
.pdf-block embed#DHEA_notice {
	background: url(../../imgs/practitioners-portal/DHEA_notice.png) no-repeat  top center / cover;
}
.pdf-block embed#Our_Ingredients_List_Vitaminlab_APRIL_2023 {
	background: url(../../imgs/practitioners-portal/Our_Ingredients_List_Vitaminlab_APRIL_2023.png) no-repeat  top center / cover;
}

.pdf-block a::after {
	content: "";
	width: 10px;
	height: 10px;
	background: url(../../imgs/arrow.svg) no-repeat center center;
	display: inline-block;
	margin: 0 0 0 10px;
}

.formula-actions.collapse:not(.show) {
	display: flex;
}
/*            Shoping Cart                           */
.small-col{
	flex-grow: 0;
}
.cart-item-buttons{
	display: flex;
	justify-content: end;
}
.row input[type="radio"]{
	margin-right: 8px;
}
a.clear_shopping_cart{
	font-weight: 500;
	font-size: 13px;
	line-height: 26px;
	color: #6B7A92;
	padding-left: 20px;
	text-transform: none;
	display: inline-block;
	background: url('../../imgs/practitioners-portal/clear-cart.svg') no-repeat left center;
	cursor: pointer;
}
#checkout-btn{
	width: 100%;
	padding: 13px;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 0;
}
#add-another-formula{
	width: 100%;
	background: #fff;
	border: 1px solid #005CDB;
	color: #005CDB;
	padding:  13px;
}
#add-another-formula:hover{
	background: #005CDB;
	border: 1px solid #005CDB;
	color: #FFFFFF;
}
#shoping-cart-total .title, .label-container{
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: #6B7A92;
}
#shoping-cart-total .subtitle{
	font-size: 18px;
}
#shoping-cart-total .label-container, #shoping-cart-total .subtitle{
	color: var(--vl-practitioner-dark);
}
#shoping-cart-total .payment_method{
	background: #EEF5FF;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 12px;
}
#shoping-cart-total .payment_method.active{
	border: 1px solid  #9CBFF7;
}
.formula-block{
	position: relative;
	min-height: 20px;
}
.edit-formula-icon {
	padding-left: 25px;
	background-image: url(../../imgs/icons/edit.svg);
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0!important;
	background-size: 16px;
	background-repeat: no-repeat;
}
.label-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.label-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 18px;
	width: 18px;
	border: 1px solid var(--vl-practitioner-primary);
}

.label-container input:checked ~ .checkmark {
	background-color: var(--vl-practitioner-primary);
}
.label-container input:disabled:checked ~ .checkmark {
	border: none;
	background-color: transparent;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.label-container input:checked ~ .checkmark:after {
	display: block;
}
.label-container .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.label-container input:disabled:checked ~ .checkmark:after{
	border: solid var(--vl-practitioner-primary);
	border-width: 0 2px 2px 0;
}
.border-bottom-gray{
	border-bottom: 1px solid #D2DDEE;
	margin-bottom: 1rem;
}
.total-amount{
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	color: #005CDB;
}
#existing_cc_wrap{
	display: none;
}
#existing_cc_wrap div{
	margin: 20px 0;
	border: 1px solid var(--vl-practitioner-primary-50);
	padding: 16px;
	border-radius: 16px;
	background-color: var(--vl-practitioner-ligther-skin) !important;
}
#cart-items-list .table-col.center{
	text-align: center!important;
}
@media screen and (max-width: 1440px){
	#shoping-cart-total {
		padding: 30px 15px;
	}
	#shoping-cart-total .data{
		word-break: break-all;
	}
	#shoping-cart-total .label-container {
		padding-left: 22px;
	}
	#formula_total .has_tooltip .info-tooltip-box{
		left: 70px;
	}
}
@media screen and (max-width: 1200px) {
	#formula_total .has_tooltip .info-tooltip-box
	{
		left: 70px;
	}
}
@media screen and (max-width: 1024px) {
	#protocols-list .table-row .table-col.middle-size.actions-group {
		flex-direction: column;
	}
	.formula-actions {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		flex-grow: 1;
		margin-bottom: 20px;
		justify-content: space-between;
		width: 100%;
	}
	#formula_total .has_tooltip .info-tooltip-box
	{
		left: 35px;
	}
}
@media (max-width: 992px) {
	#cart-items-list .table-row.head-row{
		display: none;
	}
	#cart-items-list .table-row.row > *{
		flex-shrink: 0;
		width: 100%;
		max-width: 100%!important;
		min-width: 100%!important;
	}
	#cart-items-list .table-col.order-count span,#cart-items-list .table-col.order-type span,
	#cart-items-list .table-col.order-total span, #cart-items-list .table-col.order-date span,
	#cart-items-list .table-col.formula-refills span, #cart-items-list .table-col.formula-date span,
	#cart-items-list .table-col.formula-count span, #cart-items-list .table-col.ingredient-subname  span,
	#cart-items-list .table-col.ingredient-default_dosage_float  span, #cart-items-list .table-col.ingredient-dosage  span{
		display: inline-block;
		width: 50%;
		color: var(--vl-practitioner-light-gray);
	}
	#cart-items-list .table-col.order-count, #cart-items-list .table-col.order-type, #cart-items-list .table-col.order-total,
	#cart-items-list .table-col.order-date,#cart-items-list .table-col.formula-refills, #cart-items-list .table-col.formula-date,
	#cart-items-list .table-col.formula-count, #cart-items-list .table-col.ingredient-subname, #cart-items-list .table-col.ingredient-default_dosage_float,
	#cart-items-list .table-col.ingredient-dosage,#cart-items-list .table-col.ingredient-dosage {
		order: 3;
		padding-bottom: 15px;
	}
	#cart-items-list .actions-group .delete-icon {
		color: var(--vl-practitioner-red);
	}
	#cart-items-list .actions-group .delete-icon {
		padding-left: 25px;
		color: var(--vl-practitioner-red);
		width: auto;
		background-position: left center;
	}
	#cart-items-list .table-col.formula-count .form-control {
		display: inline-block;
		width: 50%;
		margin-right: 0 !important;
	}
	#cart-items-list .table-col.cart-item-buttons {
		display: flex;
		justify-content: end;
		order: 5;
	}
	#cart-items-list .table-row .table-col {
		margin-bottom: 10px;
	}
	.table-col.formula-name.col-lg{
		padding-bottom: 25px;
		position: relative;
	}
	.table-col.formula-refills{
		order: 2;
	}
	.table-col.formula-date{
		order: 1;
	}
	.table-col.formula-buttons{
		order: 3;
	}
	.table-col.order-buttons{
		order: 3;
	}

	.protocol-action {
		display: flex;
		justify-content: space-between;
		flex-grow: 1;
	}

	.actions-group .delete-icon {
		margin-top: 15px;
		width: 16px;
		height: 20px;
		top: 0;
	}
	.summer-sale-announcement-img{
		margin: 0 -24px;
	}

}
@media (max-width: 995px) {
	#formula_total .has_tooltip .info-tooltip-box {
		left: 70px;
	}
}
@media (max-width: 767px) {
    .portal-block {
        padding: 15px;
    }
	.table-row.head-row{
		display: none;
	}
    .table-col p{
        margin-bottom: 0!important;
    }
	.table-col.formula-name, .table-col.order-name, .table-col.ingredient-name{
		order: 0;
		padding-bottom: 25px;
		color: var(--vl-practitioner-dark);
	}
    .table-col.order-no, .table-col.order-status{
        order: 2;
        padding-bottom: 10px;
        flex-basis: 100% !important;

    }
	.table-col.cart-item-buttons {
		display: flex;
		justify-content: end;
		order: 5;
	}
	.table-col.ingredient-buttons{
		order: 2;
		padding-bottom: 25px;
		text-align: right;
	}
    .head-row .col{
        flex-basis: 100% !important;
    }
    .head-row .col .search-form{
        margin-top: 10px;
    }
    .table-col.order-refill{
        order: 4;
        flex-basis: 100% !important;
    }
   .table-col.formula-managers{
       order: 5;
       flex-basis: 100% !important;
       text-align: right;
   }
    .table-col.formula-managers .order-to-formula{
        width: 100%;
    }
    .table-col.order-count,.table-col.order-type,.table-col.order-total, .table-col.order-date,
	.table-col.formula-refills, .table-col.formula-date, .table-col.formula-count,
	.table-col.ingredient-subname, .table-col.ingredient-default_dosage_float, .table-col.ingredient-dosage, .table-col.ingredient-dosage {
		order: 3;
        padding-bottom: 10px;
        flex-basis: 100% !important;
	}
	.actions-group .delete-icon  {
		padding-left: 25px;
		color: var(--vl-practitioner-red);
		width: auto;
		background-position: left center;
	}
    .table-col.order-refill > span, .table-col.order-refill p{
        display: inline-block;
        width: 49%;
        color: var(--vl-practitioner-light-gray);
        text-align: left;
    }
    .table-col .order-actions{
        text-align: center;
        width: 100%;
    }
	.table-col.order-count span,.table-col.order-type span,.table-col.order-total span, .table-col.order-date span,
	.table-col.formula-refills span, .table-col.formula-date span, .table-col.formula-count span, .table-col.order-status span, .table-col.order-status .status,
    .table-col.order-no span, .table-col.order-no p,
	.table-col.ingredient-subname  span, .table-col.ingredient-default_dosage_float  span, .table-col.ingredient-dosage  span{
		display: inline-block;
		width: 50%;
		color: var(--vl-practitioner-light-gray);
        text-align: left;
	}
    .table-col.order-total p:first-child{
        padding-bottom: 10px;
    }
    .table-col.order-name .ordrlnk{
        float: right;
    }
	.table-col.formula-count .form-control{
		display: inline-block;
		width: 50%;
		margin-right: 0!important;
	}
	.table-col.ingredient-dosage .ingredient-dosage-input {
		float: right;
		width: 50%;
	}
	.table-container .view-icon {
		background-image: url(../../imgs/icons/view.svg);
	}
	.table-container .edit-icon {
		background-image: url(../../imgs/icons/edit.svg);
	}
	.table-container .copy-icon {
		background-image: url(../../imgs/icons/copy.svg);
	}
	.table-container .view-icon,
	.table-container .edit-icon,
	.table-container .copy-icon {
		padding-left: 22px;
		background-position: left 50%;
		background-repeat: no-repeat;
		display: inline-block;
	}
	.formula-actions.collapse:not(.show) {
		display: none;
	}
	.formula-actions .delete-icon {
		margin: 0;
	}
	.input-group .btn-group.btn-save{
		min-width: 100% !important;
	}
	.input-group .btn-group.btn-downl, .input-group .btn-group.btn-calc{
		width: 48% !important;
	}
	.input-group .btn-group.btn-calc{
		margin-right: 0 !important;
	}
	.formula-actions {
		position: absolute;
		top: 0;
		right: 0;
		background: #fff;
		/*display: none;*/
		justify-content: space-between;
		margin-right: 0;
		padding: 20px 50px 20px 20px;
		box-shadow: 0 0 10px rgba(0,0,0,0.25);
		align-items: start;
		z-index: 100;
		width: 100%;
	}
	.add-form input {
		min-width: 100%!important;
		margin: 0!important;
	}

	.add-form button {
		width: 100%!important;
		margin: 15px 0 0!important;
	}

	#practitioner-sidebar .collapse:not(.show) {
		display: none;
	}
	.sidebar {
		height: auto;
		width: 100%!important;
		padding: 16px 0;
		z-index: 10000;
	}
	.sidebar .sidebar-logo {
		padding: 0!important;
		text-align: left;
		margin-left: 20px;
		width: 50% !important;
		border: none!important;
	}
	.sidebar-toggler {
		display: none;
	}
	.nav-pills .nav-link {
		border-radius: 0;
		padding: 12px 16px;
	}
	.navbar-toggler {
		position: absolute;
		right: 0;
		top: 0;
		margin: 20px;
		padding: 0;
		width: 24px;
		height: 24px;
	}
	.navbar-toggler-icon{
		width: 100%;
		height: 2px;
		border-radius: 4px;
		background: var(--vl-practitioner-white);
		display: block;
		position: absolute;
		opacity: 1;
		left: 0;
		cursor: pointer;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.navbar-toggler .navbar-toggler-icon:nth-child(1) {
		top: 12px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.navbar-toggler .navbar-toggler-icon:nth-child(2) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
		opacity: 0;
	}
	.navbar-toggler .navbar-toggler-icon:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.navbar-toggler.collapsed .navbar-toggler-icon {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.navbar-toggler.collapsed .navbar-toggler-icon:nth-child(1) {
		top: 5px;
	}
	.navbar-toggler.collapsed .navbar-toggler-icon:nth-child(2) {
		top: 12px;
		opacity: 1;
	}
	.navbar-toggler.collapsed .navbar-toggler-icon:nth-child(3) {
		top: 19px;
	}
	.navbar-toggler:focus {
		text-decoration: none;
		outline: 0;
		box-shadow: none;
	}
	.content-fluid {
	   /* margin-left: 0;
		margin-top: 81px;
		margin: 81px 0 15px !important;*/
		margin: 71px 0 15px !important;
		padding: 0;
	}
	.content {
		/*margin: 81px 0 15px !important;*/
		margin: 71px 0 15px !important;
		padding: 0 5px;
	}
	.practitioner-portal-body .content {
		/*margin: 120px 0 15px !important;*/
		margin: 71px 0 15px !important;
		padding: 0;
	}
	.search-form{
		display: block;
	}
	.search-input{
		max-width: none;
	}
	.admin-container {
		width: 100%;
		padding: 0 15px;
	}
	.content-middle .admin-container {
		width: 100%;
		padding: 0 15px;
	}
	.portal-block a.edtlnk{
		margin-top: 0;
		text-indent: -999px;
	}
	.profile-picture{
		float: none;
	}

	.formula-managers{
		padding-top: 20px;
		width: 100%;
		justify-content: end;
	}
	.formula-managers .btn{
		flex-grow: 1;
	}
	#enjoy-coupon-code-text {
        font-size: 10px!important;
    }
	#charm-coupon-code-text {
		font-size: 14px!important;
		text-align: center;
		line-height: 1.5!important;
		display: block;
	}
	#charm-coupon-code-text a{
		display: inline-block;
	}
	#blackfriday2022 {
		flex-direction: column!important;
		align-items: center!important;
		height: 74px!important;
    }
    #webinar-banner {
        flex-direction: column;
        align-items: center;
        height: 90px;
    }
	#charm-health-banner {
		flex-direction: column !important;
		align-items: center !important;
		min-height: 74px !important;
		padding: 10px !important;
		height: auto !important;
    }
	.charm-book-demo{
		margin-top: -19px;
	}
	.charm-announcement-img{
		margin: 0 -70px;
	}
	.summer-sale-announcement-img{
		margin: 0 -26px;
	}
	.notification-sale-block::before {
		background: none;
    }
	#formula_total .has_tooltip .info-tooltip-box
	{
		left: 50%;
	}
    .empty-block{
        width: auto;
    }
}
/*      Single Formula - Wholesale */
.customer-portal-multiply-formulas-wholesales{
	font-family: Karla, Arial, Helvetica, sans-serif;
}
.content-middle .admin-container {
	width: 1024px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.content-middle {
		margin: 81px 0 15px !important;
		padding: 0 5px;
	}
}
.checkout .portal-block{
	padding: 20px;
	position: relative;
}
.portal-block-inner{
	padding: 16px;
}
.lined-header{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: var(--vl-practitioner-primary);
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	position: relative;
	margin: 30px 0;
}
.lined-header:before {
	content: "";
	display: block;
	width: 124px;
	height: 1px;
	background: var(--vl-practitioner-primary-50);
	opacity: 0.3;
	left: 0;
	top: 50%;
	position: absolute;
}
.lined-header:after {
	content: "";
	display: block;
	width: 124px;
	height: 1px;
	background: var(--vl-practitioner-primary-50);
	right: 0;
	top: 50%;
	opacity: 0.3;
	position: absolute;
}

/*      Helpers                    */

.br-16{
	border-radius: 16px;
}
.p-14 {
	font-size: 14px;
	line-height: 24px;
}
.text-gray{
	color: #373F41;
}
.border.border-blue{
	border-color: var(--vl-practitioner-primary)!important;
}
.inactive{
	background-color: rgba(255, 255, 255, 0.4)!important;
	border: 1px solid var(--vl-practitioner-white);
}
.border.border-lighter{
	border-color: var(--vl-practitioner-primary-50)!important;
}
.bg-transparent{
	background-color: transparent!important;
}
.bg-lither-skin{
	background-color: var(--vl-practitioner-ligther-skin)!important;
}
/*      Forms                      */
.customer-portal-multiply-formulas-wholesales .form-row input.form-control, .customer-portal-multiply-formulas-wholesales .form-row select.form-select,
.customer-portal-multiply-formulas-wholesales .form-row textarea.form-control, .customer-portal-multiply-formulas-wholesales select.form-control:not([size]):not([multiple]){
	padding: 12px 14px;
	border: 1px solid var(--vl-practitioner-primary-50);
	box-sizing: border-box;
	border-radius: 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	/*margin-bottom: 30px;*/
	color: #373F41;
	max-height: 47px;
    font-family: "Sofia Pro Medium", sans-serif;
}
.customer-portal-multiply-formulas-wholesales .form-row label {
	margin: 0 0 10px;
	font-weight: 400;
	color: #373F41;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
}
.customer-portal-multiply-formulas-wholesales .form-row label .form-notice{
	display: block;
	color: #6B7A92;
}
.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: none;
}
/******* Checkboxes ****************/
.form-check-input {
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.form-check-input:focus {
	outline: 0;
	box-shadow: none;
}
.form-check-input:checked {
	background-color: var(--vl-practitioner-primary);
	border-color: var(--vl-practitioner-primary);
}
/****************** Switcher ***************/
.switcher-row{
	display: flex;
}
.switcher-row span{
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0.5px;
	color: var(--vl-practitioner-primary-50);
}
.switcher-row span.checked{
	color: var(--vl-practitioner-primary);
}
input.switcher{
	height: 0;
	width: 0;
	visibility: hidden;
}
label.switcher-label {
	margin: 0 10px;
	cursor: pointer;
	text-indent: -9999px;
	width: 62px;
	height: 32px;
	background: var(--vl-practitioner-ligther-blue);
	border: 1px solid #9CBFF7;;
	display: block;
	border-radius: 30px;
	position: relative;
}
label.switcher-label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 24px;
	height: 24px;
	background: var(--vl-practitioner-primary);
	border-radius: 24px;
	transition: 0.3s;
}
input.switcher:checked + label.switcher-label:after {
	left: calc(100% - 28px);
}
/*     Checkout Options               */
.progress_img{
	width: 71px;
	height: 71px;
	border-radius: 50% ;
}
.checkout-status{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: var(--vl-practitioner-primary);
}
.checkout-block-header{
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: var(--vl-practitioner-primary);
}
.checkout-block-content{
	margin-top: 30px;
	overflow: hidden;
}
.inactive .checkout-block-content{
	display: none;
}
.card-num{
	margin: 10px 0 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.02em;
	color: var(--vl-practitioner-primary);
	padding-left: 28px;
	background: url('../../imgs/practitioners-portal/creditcard-icon.svg') left 50% no-repeat;
}
#shipping-to-patient, .billing-form{
	display: none;
}
.billing-check{
	padding: 15px;
	background: #EEF5FF;
	border-radius: 10px;
	margin-bottom: 30px;
}
.customer-portal-multiply-formulas-wholesales .form-row .billing-check label{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #373F41;
	margin-bottom: 0;
}
.billing-row h4{
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	color: #373F41;
}
.form-btn{
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #FFFFFF;
	padding: 18px;
	width: 100%;
	background: var(--vl-practitioner-blue);
	border: 1px solid var(--vl-practitioner-blue);
	box-sizing: border-box;
	border-radius: 15px;
}
.btn-radio{
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none;
}
.radio-label {
	color: #373F41;
	background: #FFFFFF;
	border: 1px solid #D2DDEE;
	border-radius: 10px;
	padding: 20px;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	width: 100%;
	margin-bottom: 10px;
}
.radio-label .method{
	font-family: "Karla", Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.radio-label .period{
	margin-top: 5px;
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.148571px;
	width: 100%;
	font-style: italic;
}
.radio-label .price{
	float: right;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
.radio-label .label-notice{
	display: inline-block;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #7289B3;
	margin-top: 5px;
}
.btn-radio:active + .radio-label, .btn-radio:checked + .radio-label,
.radio-label.active, .radio-label:active {
	color: #373F41;
	background: #EEF5FF;
	border: 1px solid #002E82;
}
.btn-radio:active + .radio-label .price, .btn-radio:checked + .radio-label .price,
.btn-radio:active + .radio-label .method, .btn-radio:checked + .radio-label .method{
	color: #002E82;
}
.accordion.breakdown .accordion-item {
	background-color: transparent;
	border: none;
}
.accordion.breakdown{
	margin-top:15px;
	margin-bottom: 15px;
}
.accordion.breakdown .accordion-item:first-of-type .accordion-button{
	box-shadow: none;
	padding: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	font-family: "Karla", Arial, sans-serif;
	color: var(--vl-practitioner-primary);
	background: transparent;
	width: auto;
	margin-bottom: 10px;
}
.accordion.breakdown .accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: 8px;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
}
.accordion.breakdown .accordion-body{
	padding: 0;
}
.accordion.breakdown .accordion-body ul{
	padding-left: 0;
}
.accordion.breakdown .accordion-body li{
	font-size: 16px;
	margin-bottom: 2px;
	display: flex;
	justify-content: space-between;
}
.accordion.breakdown .accordion-body li:before{
	content:  "\2022";
	margin-right: 10px;
}
.accordion.breakdown .accordion-body li span.name{
	display: flex;
	flex: 1;
}
.accordion.breakdown .accordion-body li span.name::after {
	content: " ";
	flex: 1;
	border-bottom: 1px dotted #000;
}
.checkout-table{
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #373F41;
	margin-bottom: 20px;
}
.checkout-table th{
	padding: 10px 0;
	border-bottom: 1px solid #C3C3C3;
	font-weight: 400;
}
.checkout-table td{
	padding: 10px 0 0;
}
.checkout-table tr td:last-child, .checkout-table tr th:last-child{
	text-align: right;
}
.checkout-table tbody tr:last-child td,
.checkout-table tbody tr.delivery td {
	padding-bottom: 10px;
}
.checkout-table .wholesale td{
	color: var(--vl-practitioner-light-gray);
}
.checkout-table .subtotal td{
	border-top: 1px solid #C3C3C3;
}
.checkout-table .taxes{
	display: none;
}
.checkout-table .taxes td{
	padding: 0;
}
.checkout-table .taxes #taxes{
	width: 100%;
}
.checkout-table #taxes td{
	width: 50%;
	text-align: left;
	border-top: 1px solid #C3C3C3;
	padding-top: 10px;
}
.checkout-table #taxes td:last-child{
	text-align: right;
}
.checkout-table .total td{
	border-top: 1px solid #C3C3C3;
	padding-top: 20px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 20px;
}
.checkout-table .promo td,
.checkout-table #discount_applied td{
	border-top: 1px solid #C3C3C3;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
}
.form-btn.disabled{
	background: #EEF5FF;
	color: #7289B3;
	border: 1px solid #EEF5FF;
	cursor: not-allowed;
}
.small-btn{
	padding: 13px;
}
.checkout-accordion .accordion-item{
	border: none;
	background: transparent;
	padding: 0;
}
.checkout-accordion .accordion-body {
	padding: 0;
/*	margin-top: 20px;*/
}
.checkout-accordion .accordion-button{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #002E82;
	background: transparent;
	border: none;
	padding: 0;
	box-shadow: none;
}
/*.checkout-accordion .accordion-button:before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background: url(../imgs/accordeon-arrow.svg) no-repeat 50%;
	transition: transform .2s ease-in-out;
}*/
.checkout-accordion .accordion-button.collapsed:before{
	transform: rotate(-180deg);
}
.checkout-accordion .accordion-button {

}
.checkout-accordion table{
	color: #04133C;
}

.checkout-accordion table th{
	font-weight: bold;
}
.checkout-accordion table th:last-child,
.checkout-accordion table td:last-child{
	text-align: right;
}
.checkout-header{
	padding: 24px 0;
}
.checkout-header .logo_img{
	width: 180px;
	height: 27px;
}
.checkout-steps{
	margin-top: 45px;
}

#checkout-ingredients-wrap, .checkout-accordion .accordion-collapse {
	display: flex;
    flex-flow: column-reverse nowrap;
}

.checkout-accordion .collapse:not(.show) {
    display: none;
}

.formula-info{
	margin-bottom: 20px;
	display: flex;
	justify-content: start;
	align-items: center;
	overflow: hidden;
}
.formula-info span{
	display: block;
}
.formula-info img{
	width: 76px;
	height: auto;
	margin-right: 20px;
}
#immunityFormula .formula-info{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--vl-practitioner-light-skin);
}
#immunityFormula .formula-info img,
.formula-info-auto-refill img{
	width: 100px;
	height: auto;
	margin-right: 20px;
}
.formula-info-auto-refill .formula-name,
.formula-info .formula-name{
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.5px;
	color: var(--vl-practitioner-dark);
}
.formula-info-auto-refill .formula-supply,
.formula-info .formula-supply{
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: var(--vl-practitioner-dark);
}
.formula-info .formula-renew{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--vl-practitioner-primary);
	padding-left: 20px;
	background: url('../../imgs/practitioners-portal/renew.svg') no-repeat left 50%;
}
.formula-info-auto-refill {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	display: flex;
	justify-content: start;
	align-items: center;
	overflow: hidden;
}
.formula-info-auto-refill .formula-auto-refill {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(249, 224, 219, 1);
	background-color: white;
	border-radius: 20px;
	padding: 4px 12px 4px 7px;
	color: var(--vl-practitioner-dark-blue);
	font-family: 'Sofia Pro Semibold', Arial, sans-serif;
	letter-spacing: 0.5px;
	line-height: 1;
}
.formula-info-auto-refill .formula-auto-refill-icon {
	width: 16px !important;
	height: 18px !important;
	margin-right: 8px !important;
}
.formula-auto-refill-warning {
	font-size: 14px;
	margin-top: 40px;
}
.formula-auto-refill-warning-alt {
	margin-top: 0px;
	background: rgba(238, 245, 255, 1);
	border-radius: 16px;
	padding: 16px;
}
.formula-auto-refill-warning-icon {
	font-size: 18px;
	color: rgba(0, 46, 130, 1);
	font-family: 'Sofia Pro', Arial, sans-serif;
	display: flex;
}
.formula-auto-refill-warning-icon img {
	width: 18px;
	height: 18px;
	margin-right: 8px;
}
.formula-auto-refill-warning-text {
	font-size: 14px;
	color: rgba(0, 46, 130, 1);
	margin-top: 10px;
}
.formula-auto-refill-warning-text-alt {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
}
.formula-info-auto-refill .formula-type,
.formula-info .formula-type{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--vl-practitioner-primary);
}
.formula-info-auto-refill-divider {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--vl-practitioner-light-skin);
}
.checkout-header nav .nav-item:not(:last-child):after{
	content: "\2014";
	display: inline-block;
	margin: 0 14px;
}
.checkout-header nav a{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.5px;
	color: #7289B3;
	text-decoration: none;
}
.checkout-header nav a.active{
	color: #002E82;
}
.checkout-page-footer{
	padding: 35px 0;
}
.checkout-page-footer a{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 0.5px;
	margin: 0 15px;
	color: #002E82;
}
.info-text-block {
	display: none;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.5px;
	color: #373F41;
}

.edit_checkout_btn {
	display: none;
	position: absolute;
	top: 23px;
	right: 30px;
	color: #002E82;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	cursor: pointer;
}

.info-text-block #first-last-name-text {
	font-size: 18px;
}

.closed-block {
	opacity: 0.5;
}

.closed-block h3 {
	margin-bottom: 0;
}

.closed-block .checkout-block-content {
	display: none;
}

.closed-block.not-blank {
	opacity: 1;
	background: rgba(255, 255, 255, 0.4);
}

.closed-block.not-blank .edit_checkout_btn {
	display: block;
}

#shippingAndBilling.closed-block.not-blank .checkout-block-content {
	display: none;
}

#shippingAndBilling.closed-block.not-blank .info-text-block {
	display: block;
}


#deliveryDetails.closed-block.not-blank .delivery-option:not(:checked)+.radio-label,
#deliveryDetails.closed-block.not-blank #delivery-btn-block,
#deliveryDetails.closed-block.not-blank #delivery-notice {
	display: none;
}

#deliveryDetails.closed-block.not-blank .checkout-block-content {
	display: block;
}

#delivery-option-type {
	text-transform: capitalize;
}

@media (max-width: 1080px) {
	.content-middle .admin-container {
		width: auto;
		margin: 15px auto;
	}
	.practitioner-content.sidebar-open .open-full-size{
		width: 100% !important;
	}
	.practitioner-content.sidebar-open .open-full-size#use-cart-on-file{
		margin-bottom: 20px;
	}
	.practitioner-content.sidebar-open .data{
		padding-left: 22px;
	}
}
#applyPromo{
	border-radius: 40px;
}
#apply_discount_code, #apply_gift_code {
	position: absolute;
	right: 6px;
	top: 5px;
	margin: 0;
	padding: 7px 15px;
	width: auto;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
}
#apply_discount_code:disabled,#applyPromo:disabled, #apply_discount_code[disabled], #applyPromo[disabled],
#apply_gift_code:disabled,#applyPromo:disabled, #apply_gift_code[disabled], #applyPromo[disabled]{

	background: var(--vl-practitioner-light-blue);
	border: 1px solid var(--vl-practitioner-light-blue);
	color: var(--vl-practitioner-light-gray);
}
#discount_code_wrap, #gift_code_wrap {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #D2DDEE;
	border-radius: 8px;
	display: block;
	width: 100%;
}
#discount_code_wrap input, #gift_code_wrap input{
	width: auto;
	border: none;
	background: transparent;
	margin: 0;
	padding: 13px 15px;
	height: 46px;
}
#discount_code_wrap input:focus, #gift_code_wrap input:focus {
	border: none!important;
	outline: none;
}
#show-discount-val-wrap, #show-gift-val-wrap {
	display: flex;
}
#show-discount-val-wrap.percentage #discount_by,  #show-gift-val-wrap.percentage #gift_by{
	order: 2;
}
.sidebar .navbar-toggler {
	display: none;
}
#blackfriday2022 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	gap: 8px;
	height: 36px;
	left: 0;
	right: 0;
	top: 0px;
	background: linear-gradient(90deg, #06257F 10%, #0266F1 80%);
	/*background: var(--vl-practitioner-primary);*/
	/*background: var(--vl-practitioner-light-green);*/
}
.content-fluid #blackfriday2022, .content-middle #blackfriday2022, .content-fluid #webinar-banner {
	margin: 0 -30px;
}
.width_100_60#blackfriday2022 {
	position: relative;
	width: calc(100% + 60px);
	left: -30px;
}
#webinar-banner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5px 0px;
	gap: 18px;
	height: 50px;
	left: 0;
	right: 0;
	top: 0px;
	background: linear-gradient(90deg, #06257F 10%, #0266F1 80%);
	letter-spacing: normal;
}
#webinar-banner-copy {
	font-family: 'Sofia Pro', Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: var(--vl-practitioner-white);
	letter-spacing: 0.5px;
}
#webinar-banner-cta {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 4px 15px;
	gap: 10px;
	background: white;
	border-radius: 30px;
	font-family: 'Sofia Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;
	letter-spacing: 0;
	color: #002E82;
}
#webinar-banner-cta a {
	text-decoration: none !important;
	color: #002E82;
}
#enjoy-coupon-code-text {
	font-family: 'Sofia Pro', Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: var(--vl-practitioner-white);
	letter-spacing: 1px;
	/* identical to box height, or 21px */

	/* Practitioner/Dark blue */
	/*color: var(--vl-practitioner-primary);*/


	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}
#coupon-code-text{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 4px 22px;
	gap: 10px;
	background: var(--vl-practitioner-light-skin);
	/* Lighter Skin */
	/*background: var(--vl-practitioner-ligther-skin);*/
	border-radius: 30px;
	font-family: 'Sofia Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 143%;

	/* or 20px */
	letter-spacing: 0.04em;

	/* Dark */
	color: var(--vl-practitioner-primary);
}
#coupon-code-text a {
    text-decoration: none !important;
}

#charm-health-banner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 13px;
	min-height: 36px;
	left: 0;
	right: 0;
	top: 0px;
	padding: 12px 24px;
	background: linear-gradient(90deg, #082875 0%, #005CDB 100%);

}
#charm-coupon-code-text {
	color:  #ffffff;
	flex: none;
	order: 0;
	flex-grow: 0;
	font-family: 'Karla', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.02em;
}
#charm-coupon-code-text a {
	display: inline-block;
}
.content-fluid #charm-health-banner, .content-middle #charm-health-banner {
	margin: 0 -30px;
}
.width_100_60#charm-health-banner {
	position: relative;
	width: calc(100% + 60px);
	left: -30px;
}
#charm-health-banner a {
    color: var(--vl-practitioner-primary);
	text-decoration: none !important;
	background:   var(--vl-practitioner-white);
	cursor: pointer;
	padding: 8px 14px;
	border-radius: 40px;
	font-family: 'Karla', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size:16px;
}
/*Testing Integration*/

.playlnk{
	/*color: var(--vl-practitioner-blue);*/
	padding-right: 22px;
	background: url('../../imgs/practitioners-portal/play.svg') no-repeat right center;
}

.txt-integrate{
	font-size:9px;
	color: var(--vl-practitioner-green);
	display: inline-block;
	vertical-align: middle;
	padding-left: 9px;
	background: url('../../imgs/practitioners-portal/int-icon.svg') no-repeat left center;
	font-family: 'Sofia Pro';
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
}

/* Portal Podcast */
.podcast-backgrd{
	background: linear-gradient(88.48deg, #FFE7DF 1.13%, #FFFFFF 59.3%, #D2DDEE 106.46%);
}

.podcast-heading{
	font-family: 'Sofia Pro';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	color: var(--vl-practitioner-dark-blue);
}

.podcast-datee{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 10px;
	gap: 10px;
	background: var(--vl-practitioner-ligther-blue);
	border-radius: 8px;
	width: 162px;
    height: 29px;
}

.podcast-upcoming p {
	color: var(--vl-practitioner-dark-blue);
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
}

.podcast-headtext{
	font-weight: 600;
	font-size: 55px;
	line-height: 39px;
	color: var(--vl-practitioner-dark-blue);
}
.podcast-image{
	border-radius:10px;
}

.border-right {
    border-right: 1px solid #06257f;
}
.integration_block{
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}
.upload-test-container{
	padding: 30px 56px 56px;
	background: linear-gradient(136.58deg, #FFDACE -28.15%, #EFF6FF 48.89%, #7EB0FF 134.51%);
	border: 1px solid #D2DDEE;
	border-radius: 8px;
	font-family: 'Sofia Pro', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: rgba(39, 38, 38, 0.8);
}
.upload-test-container h1{
	margin-top: 26px;
}
.test-icons{
	margin-top: 40px;
	padding: 24px;
	border-radius: 8px;
	background: linear-gradient(white, white) padding-box,
				linear-gradient(256.71deg, #9CBFF7 -2.13%, #FABAA9 132.65%);
	border: 1px solid transparent;
}
.pdf-link{
    color: var(--vl-practitioner-primary);
}
.pdf-link:before{
    content: '\f15b';
    font-size: 16px;
    font-family: "FontAwesome";
    margin-right: 5px;
}
.img-col{
	text-align: center;
}
.img-col img{
	height: 100%;
	width: 100%;
	max-width: 484px;
	max-height: 434px;
	object-fit: contain;
}
.test-icons h3{
	font-family: 'Sofia Pro Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: var(--vl-practitioner-primary);
}
.test-icons-list{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 12px;
	flex-wrap: wrap;
}
.test-icons-list img{
	max-width: 104px;
	margin-bottom: 10px;
}
.new{
	padding: 5px 6px;
	background: #1A8F6A;
	border-radius: 4px;
	color: #ffffff;
	vertical-align: middle;
	font-family: 'Sofia Pro Bold', Arial, sans-serif;
}
h1 .new{
	font-family: 'Sofia Pro Black', Arial, sans-serif;
	font-weight: 900;
	font-size: 16px;
	line-height: 100%;
}
#accordionFlushUploadTest .accordion-item{
	background: transparent;
	border-bottom: 1px solid #9CBFF7;
}
#accordionFlushUploadTest .accordion-item:first-child{
	border-top: 1px solid #9CBFF7;
}
#accordionFlushUploadTest .accordion-button {
	background-color: transparent;
	color: var(--vl-practitioner-dark);
	font-size: 24px;
	padding: 20px 0;
	box-shadow: none;
}
#accordionFlushUploadTest .accordion-button:not(.collapsed){
	color: var(--vl-practitioner-primary);
}
#accordionFlushUploadTest .accordion-button::after {
	background-image: url(../../imgs/icons/chevronDown.svg);
	transform: none;
}
#accordionFlushUploadTest .accordion-button:not(.collapsed)::after {
	background-image: url(../../imgs/icons/chevronUp.svg);
}
#accordionFlushUploadTest  .accordion-body {
	padding: 0 0 20px;
	font-size: 13px;
	line-height: 150%;
}
@media screen and ( max-height: 1260px ) {
	.portal-block {
		padding: 30px;
	}
	#formula-summary .info-row button.delete_from_formula {
		right: 15px;
	}
	.upload-test-container {
		padding: 30px;
	}
	#accordionFlushUploadTest .accordion-button {
		font-size: 22px;
	}
}
@media screen and ( max-height: 901px ) {
	.nav-pills .nav-link {
		padding: 10px 20px 10px 20px;
	}
	 .sidebar-logo {
		padding: 10px 30px 0;
	}
	.sidebar hr{
		margin: 10px 0;
	}
	.closed .nav-pills .nav-link {
		padding: 10px 16px;
	}
	.closed .nav-pills .nav-link.active {
		padding: 10px 16px 10px 13px;
	}
	.closed .practitioner-link {
		padding: 13px 9px;
	}
	.icon.logout {
		background-position: 16px -398px;
	}
	.icon.shopingcart {
		background-position: 16px -1319px;
	}
	.nav-pills .icon {
		margin-right: 20px;
	}
}
@media (max-width: 768px) {
	.checkout-header nav a:not(.active){
		display: none;
	}
	.sidebar .navbar-toggler {
		display: block;
	}
	.select-vitamin-category .col-sm{
		margin-bottom: 10px;
	}
	.select-vitamin-category label.active, .select-condition label.active, .select-vitamin-category label.active:hover, .select-condition label.active:hover {
		border-radius: 8px;
	}
	.upload-test-container {
		padding: 20px;
	}
	#accordionFlushUploadTest .accordion-button {
		font-size: 18px;
		padding: 15px 0;
	}
	.img-col img {
		margin-top: 30px;
	}
	.test-icons-list img {
		max-width: 104px;
		margin-bottom: 30px;
	}
    .sale-notification {
        background-image: none;
        padding: 20px 0!important;
    }
    .charm-notification img{
        max-width: 100%;
    }
    .charm-notification .mobile-column{
        flex-direction: column!important;
    }
    .charm-notification hr{
        display: none;
    }
    .charm-notification .left-block {
        flex-basis: 100%;
        margin-bottom: 20px;
    }
    .date-block {
        margin-right: 0;
    }
}
@media screen and ( max-height: 699px ) {
	.practitioner-balance {
		margin: 10px 20px;
		padding: 10px;
		min-height: auto;
	}
	.practitioner-balance .money {
		margin-top: 0;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
    #practitioner-sidebar,
    #sidebar-mobile {
        width: 100% !important;
        min-width: 0;
        left: 0;
        right: 0;
    }
    body, html {
        overflow-x: hidden;
    }
    #practitioner-sidebar {
        overflow-x: hidden;
    }
    .sidebar {
        width: 100% !important;
        min-width: 0;
    }
}
@media (max-width: 500px) {
	.has_tooltip .info-tooltip-box {
		font-size: 14px;
		min-width: 300px;
		left: -125px;
		transform: none;
	}
	#formula_total .has_tooltip .info-tooltip-box {
		font-size: 12px;
		min-width: 200px;
		max-width: 300px;
		left: -70px;
		transform: none;
	}
    .charm-notification a.btn{
        width: 100%;
    }
}
@media (max-width: 350px) {
	#formula_total .has_tooltip .info-tooltip-box {
		left: -20px;
	}
}