html,
body {
	background-color: #f9fafd;
	/*background-color: #ffffff;*/
	margin: 0 !important;
	padding: 0;
	font-family: "Poppins", serif;
	font-weight: 400;
	font-style: normal;
	overflow-x: hidden;
	font-size: 18px;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	background-image: url(../images/bkg-gray-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*.filters-container.searchResultsFilter.expanded {
	top: 100px !important;
}*/
/* START top menu */
.menuTop {
	position: absolute;
	width: 300px;
	z-index: 99999;
	right: 25px;
	top: 20px;
}

.iconTopMenu {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	float: right;
}

	/* Hamburger icon */
	.iconTopMenu::before,
	.iconTopMenu::after,
	.iconTopMenu span {
		content: "";
		position: absolute;
		height: 3px;
		width: 24px;
		background-color: #1c71bb; /* Initial line color */
		left: 8px;
		/*transition: all 0.3s ease;*/
	}

	/* Active state - changed line color */
	.iconTopMenu.active::before,
	.iconTopMenu.active::after,
	.iconTopMenu.active span {
		background-color: #e62928; /* Active line color (yellow) */
	}

	.iconTopMenu::before {
		top: 10px;
	}

	.iconTopMenu span {
		top: 18px;
	}

	.iconTopMenu::after {
		top: 26px;
	}

.contentMenu {
	position: absolute;
	top: 50px;
	right: 0;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 20px;
	width: max-content;
	box-shadow: 0 4px 8px rgb(128 128 128 / 10%);
	opacity: 0;
	display: none;
	/*transition: opacity 0.3s ease;*/
	z-index: 100;
}

	.contentMenu a {
		display: block;
		padding: 12px 15px;
		text-decoration: none;
		color: #1c71bb;
		border-bottom: 1px solid #eee;
		/*transition: background-color 0.2s ease;*/
	}

		.contentMenu a:last-child {
			border-bottom: none;
		}

		.contentMenu a:hover {
			color: #e62928;
		}

/* END top menu */

.div {
	border: dashed 1px red !important;
}

/* When the keyboard is active */
body.keyboard-open {
	height: calc(100% - var(--keyboard-height, 0));
}

@media screen and (max-width: 768px) {
	.searchField input:focus {
		position: relative;
		z-index: 1001;
	}

	/* Prevent automatic browser scrolling */
	input,
	select,
	textarea {
		font-size: 18px !important;
	}
}

a {
	color: #e62928;
	font-weight: 300;
	text-decoration: none;
}

	a:hover {
		color: #324a6d;
	}

.scrollTarget {
	display: block;
	position: absolute;
	z-index: 1;
}

/*.topHeader {
	position: -webkit-fixed;
	position: fixed;
	overflow-y: auto !important;
	display: block;
	background-color: #fff;
	top: 0;
	left: 0;
	margin-top: -16px;
	width: 100%;*/
/* initial width */
/*height: 108px;
	transition: width 0.3s ease;
	z-index: 1000;
	background-image: url(../images/CareMetroLogo_sm.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 360px;
}*/

.topHeader {
	position: fixed;
	/*overflow-y: auto !important;*/
	overflow-y: hidden !important;
	display: block;
	background-color: #fff;
	top: 0;
	left: 0;
	margin-top: -16px;
	width: 100%;
	height: 130px;
	/*transition: width 0.3s ease;*/
	z-index: 1000;
	/* remove background-image here */
}

.logoLink {
	display: block;
	width: 360px;
	height: 100px;
	margin: 0 auto; /* centers the logo like background-position: center */
}

	.logoLink img {
		width: 83%;
		height: 77%;
		object-fit: contain;
		margin-top: 10px;
		margin-left: 30px;
	}

.logoWrapper {
	display: inline-flex;
	margin-left: 35%;
	margin-top: 1%;
	position: absolute;
	left: 14%;
	transform: translateX(-50%);
	align-items: center;
}

.logoRight {
	margin-left: -65px;
	margin-top: -10px;
}
/*
.topHeader.scrolled {
    position: -webkit-fixed;
    position: fixed;
    overflow-y: auto !important;
    display: block;
    height: 55px;
    width: 55px;
 --- width after scroll ----

    border: solid 10px #fff;
    background-color: #fff;
    background-position: -9px center;
    border-radius: 80px;
    left: 5px;
    top: 5px;
    margin-top: 0 !important;
}
*/
.userInfoTop {
	display: block;
	position: absolute;
	font-weight: 200;
	z-index: 9999;
	margin-top: 103px;
	padding-left: 20px;
	width: 100%;
	background-color: #1c71b8;
	color: #f3f1cd;
}

	.userInfoTop b {
		color: #ffffff;
		font-weight: 400;
	}

.secondHeader {
	display: block;
	position: relative;
	opacity: 1;
	top: 120px;
	right: 20%;
	left: 20%;
	width: 60%;
	font-family: "Poppins", serif;
	font-weight: 200;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: #324a6d;
	/*transition: all 0.3s ease;*/
	z-index: 2;
	text-align: center;
}

	.secondHeader.scrolled {
		display: none;
		position: absolute;
		opacity: 0;
		left: -600px;
		background-color: #f9fafd;
		margin-bottom: auto;
	}

.logoText {
	background-color: none;
	color: #324a6d;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
}

	.logoText b {
		color: #e62928;
		font-weight: 200;
	}

.contentBody {
	display: block;
	position: relative;
	margin-top: 120px;
}

.pageTitle {
	display: block;
	font-weight: 600;
	font-size: 24px;
	color: #e62928;
	text-align: center;
	padding: 5px 15px;
	padding-top: 8px;
}

	.pageTitle b {
		font-weight: 400;
		color: #1c71b8;
	}

.butons {
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
	text-align: center;
}

.contentFormLogin {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.fieldType {
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	font-size: 18px;
	width: 300px;
	box-sizing: border-box;
}

	.fieldType:focus {
		border: solid 1px #e62928;
		outline: none;
	}

/* Animation styles */
.animated-container {
	opacity: 0;
	height: 0;
	overflow: hidden;
	/*transition: all 0.3s ease;*/
}

	.animated-container.visible {
		opacity: 1;
		height: auto;
		margin-top: 15px;
	}

	.animated-container button {
		text-align: center;
	}

.siteKey {
	color: #555;
	font-size: 16px;
	font-weight: 300;
	display: grid;
	place-items: center;
	padding-bottom: 10px;
}

.siteKeyImage img {
	display: block;
	position: relative;
	border-radius: 10px;
	padding: 10px 10px 30px 10px;
	background-color: #fff;
	border: solid 1px #c8d5dc;
	left: auto;
	right: auto;
}

.siteKeyImage::after {
	display: block;
	position: absolute;
	content: "Your SiteKey";
	color: #e62928;
	margin-top: -27px;
	margin-left: 10px;
}

/* Styles for the login button */
.login-button {
	width: 100%;
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
}

	.login-button:hover {
		background-color: #0056b3;
	}

.invitationupdate-button {
	width: 100%;
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 14px;
	margin-top: 5px;
}

	.invitationupdate-button:hover {
		background-color: #0056b3;
	}

/* Styling for the suggestion list */
input.fieldType::-webkit-calendar-picker-indicator {
	display: none !important;
}

datalist {
	width: 100%;
	background-color: white;
}

input[list="emailList"] {
	margin-bottom: 0;
}

.createAccount {
	display: block;
	position: relative;
	text-align: center;
	width: 50%;
	left: 25%;
	right: 25%;
	font-weight: 200;
	align-items: center;
}

/*.createAccountFrame {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;*/
/*left: -100%;*/
/*top: 0;*/
/*transition: left 0.3s ease-in-out;*/
/*overflow-x: scroll;
}*/

/*.createAccountFrame {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f8f9fa;*/
/* left: -100%; */
/*top: 0px;*/
/* transition: left 0.3s ease-in-out; */
/*overflow-x: hidden;
	border-radius: 20px;
}*/
.createAccountFrame {
	display: inline-block;
	position: relative;
	top: 140px;
	left: 23%;
	width: 50%;
	height: 75%;
	background-color: #f8f9fa;
	/* transition: left 0.5s; */
	z-index: 9996;
	/* background-image: url(../images/bkg-gray-logo.png); */
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
}

/*.inviteAccountFrame {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;*/
/*left: -100%;*/
/*top: 110px;*/
/*transition: left 0.3s ease-in-out;*/
/*overflow-x: scroll;
}*/

.inviteAccountFrame {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 75%;
	background-color: #f8f9fa;
	/* left: -100%; */
	top: 55px;
	/* transition: left 0.3s ease-in-out; */
	overflow-x: hidden;
	left: 23%;
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
	/*z-index: 1050;*/
	/* margin-bottom: 176px; */
}

.invitationsFrame {
	display: inline-block;
	position: relative;
	width: 70%;
	height: 78%;
	background-color: #f8f9fa;
	/* left: -100%; */
	top: 7px;
	/* transition: left 0.3s ease-in-out; */
	/*overflow-x: hidden;*/
	left: 12%;
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
	/*z-index: 1050;*/
	/* margin-bottom: 176px; */
}

/*.inviteVerifyAccountFrame {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;*/
/*left: -100%;*/
/*top: 110px;*/
/*transition: left 0.3s ease-in-out;*/
/*overflow-x: scroll;
}*/
.inviteVerifyAccountFrame {
	display: inline-block;
	position: relative;
	width: 98%;
	height: 75%;
	background-color: #f8f9fa;
	/* left: -100%; */
	top: 37px;
	/* transition: left 0.3s ease-in-out; */
	overflow-x: hidden;
	left: 20px;
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
	padding-bottom: 9px;
}

.contentInvitationsFrame {
	height: 53%;
	overflow-y: auto;
}
/*.contentCreateAccount {
	display: block;
	position: relative;
	padding: 25px;
	font-weight: 200;
	background-image: url(../images/bkg-gray-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	background-color: #f9f9f9;
}*/
.contentinviteVerifyAccount {
	height: 89%;
}

.contentCreateAccount {
	display: block;
	position: relative;
	padding: 25px;
	font-weight: 200;
	/*background-image: url(../images/bkg-gray-logo.png);
	background-repeat: no-repeat;
	background-position: center center;*/
	height: 80%;
	background-color: #f8f9fa;
	top: 49px;
	overflow-y: auto;
}

	.contentCreateAccount b {
		font-weight: 400;
		color: #0056b3;
		display: block;
	}

.closeCreateAccountFrame,
.closeInviteAccountFrame,
.closeInviteVerifyAccountFrame,
.closeInvitationsFrame {
	display: block;
	position: relative;
	float: right;
	background-image: url(../images/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	background-size: 23px;
	border-radius: 45px;
	background-color: #1c71b8;
	z-index: 999999;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.closeCreateAccountFrame:hover,
.closeInviteAccountFrame:hover,
.closeInviteVerifyAccountFrame:hover,
.closeInvitationsFrame:hover {
	background-color: #1c71b8;
	animation: rotate 0.5s linear;
	/*transition: all 0.6s ease-in-out;*/
}

/* START FORM create account */

.inviteAccountHeader,
.invVerifyAccountHeader {
	text-align: center;
	margin-bottom: 31px;
	opacity: 1;
	/*transform: translateY(0);*/
	height: auto;
	overflow: hidden;
	display: block;
	position: relative;
	max-height: 120px; /* Adjust this value to match your content's height */
	/*transition: max-height 0.4s ease, opacity 0.4s ease, margin-bottom 0.4s ease;*/
	/*transform-origin: top;*/
}

.createAccountHeader {
	text-align: center;
	margin-bottom: 15px;
	opacity: 1;
	/*transform: translateY(0);*/
	height: auto;
	overflow: hidden;
	display: block;
	position: relative;
	max-height: 120px; /* Adjust this value to match your content's height */
	/*transition: max-height 0.4s ease, opacity 0.4s ease, margin-bottom 0.4s ease;*/
	/*transform-origin: top;*/
}

	.createAccountHeader.hidden,
	.inviteAccountHeader.hidden {
		opacity: 0;
		/*transform: translateY(-50px);*/
		margin-bottom: 0;
		height: 0;
		/*transition: all 0.5s;*/
		max-height: 0;
		pointer-events: none; /* Prevents interaction while hidden */
	}

.practiceInfo {
	/*transition: margin-top 0.4s ease-in-out;*/
}


.formInviteAccount {
	overflow-x: auto;
	width: 50%;
	margin-left: 25%;
}

.formCreateAccount {
	overflow-x: auto;
	width: 80%;
	margin-left: 10%;
}

.formInviteVerifyAccount {
	overflow-x: auto;
	width: 75%;
	margin-left: 8%;
}


.practiceInfo span,
.userInfo span {
	display: block;
	margin-bottom: 4px;
	color: #1c71b8;
}

.fieldType_:focus,
.invitefieldType_:focus,
.invVerifyfieldType_:focus {
	border: solid 1px #e62928;
	outline: none;
}

.invVerifyfieldType_ {
	width: 30%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 18px;
	box-sizing: border-box;
	display: block;
	opacity: 1;
	/*transition: opacity 0.5s, transform 0.5s;*/
}

.invitefieldType_ {
	width: 100%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 18px;
	box-sizing: border-box;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s, transform 0.5s;*/
}

.fieldType_ {
	width: 49%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 18px;
	box-sizing: border-box;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s, transform 0.5s;*/
}

.verifyMobilePhone {
	display: none;
	opacity: 0;
}

	.verifyMobilePhone.first-step,
	.verifyMobilePhone.active,
	.fieldType_.first-step,
	.fieldType_.active,
	.nextStepSpan.active {
		display: inline-block;
		opacity: 1;
		/*transform: translateY(0);*/
	}


.invitefieldType_.invitefirst-step,
.invitefieldType_.active {
	display: block;
	opacity: 1;
	/*transform: translateY(0);*/
}


.nextStepSpan {
	color: #555;
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 10px;
}

.butons_ {
	width: 100%;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s;*/
	margin-top: 15px;
}

	.butons_.active {
		display: block;
		opacity: 1;
	}

.error {
	border-color: #e62928;
}

.instruction {
	color: #555;
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 10px;
}

.phone-flex-container {
	display: flex;
	gap: 10px;
}

.userInfo {
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s;*/
}

	.userInfo.active {
		display: block;
		opacity: 1;
	}

.spacerBottom_ {
	display: block;
	position: relative;
	height: 160px;
}

.scrollAnchor {
	height: 0;
	width: 0;
	visibility: hidden;
}

/* END FORM create account */

/*search*/

.searchField {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 999;
	padding: 0 0 94px 0;
}

.fieldTypeSearch {
	opacity: 0;
	visibility: hidden;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	font-size: 18px;
	width: 100%;
	margin-bottom: 15px;
	box-sizing: border-box;
	/*transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;*/
}

	.fieldTypeSearch.visible {
		opacity: 1;
		visibility: visible;
	}

.searchFieldFrame {
	display: block;
	position: relative;
	padding: 0 24px 5px 24px;
}

.butonsSearch {
	opacity: 0;
	visibility: hidden;
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
	/*transition: all 0.3s ease-in-out;*/
	cursor: pointer;
}

	.butonsSearch:hover {
		background-color: #1c71b8;
		/*transition: all 0.3s ease-in-out;*/
	}

	.butonsSearch.visible {
		opacity: 1;
		visibility: visible;
	}

	.butonsSearch:focus {
		background-color: #1c71b8; /* green when focused */
		outline: none; /* remove default outline */
	}

.buttonsBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.searchArea {
	display: flex;
	flex-direction: column; /* puts text under button */
	align-items: center; /* centers text under button */
}

.searchHelpText {
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	color: #777;
	max-width: 218px;
	border: 1px solid #777;
	border-radius: 39px;
	padding: 5px 5px 5px 5px;
	opacity: 0;
	visibility: hidden;
}

	.searchHelpText.visible {
		opacity: 1;
		visibility: visible;
	}

.searchActivityMsg {
margin-left :386px;
font-size:11px;
margin-top:-55px;
width:300px;
}
.margin50 {
margin-left: 47% !important;
}

#searchForm {
	max-width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

::placeholder {
	color: #ccc;
	opacity: 1; /* Firefox */
}

::-ms-input-placeholder {
	/* Edge 12 -18 */
	color: #ccc;
}

.hideFilters {
	background-color: #1c71b8;
	color: #ffffff;
	float: right;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-size: 23px;
	background-position: center center;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: auto;
	/*transition: all 0.6s ease-in-out;*/
}

.closeBeforeRegister {
	background-color: #1c71b8;
	color: #ffffff;
	float: right;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-size: 23px;
	background-position: center center;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 14px;
	margin-top: 6px;
	/*transition: all 0.6s ease-in-out;*/
}

	.closeBeforeRegister:hover {
		background-color: #1c71b8;
		animation: rotate 0.5s linear;
		/*transition: all 0.6s ease-in-out;*/
	}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.hideFilters:hover {
	background-color: #1c71b8;
	animation: rotate 0.5s linear;
	/*transition: all 0.6s ease-in-out;*/
}

.clearFilters {
	background-color: #f9fafd;
	color: #ffffff;
	position: absolute;
	/*	left: 404px;
	top: -34px;*/
	opacity: 1;
	/*	margin-top: 24px;*/
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-image: url(../images/reset.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 11px 11px;
	text-decoration: underline;
	cursor: pointer;
	display: block;
	margin-bottom: 10px;
	margin-right: auto;
	right: 130px;
	float: none;
	/*transition: all 0.6s ease-in-out;*/
}

	.clearFilters:hover {
		background-color: #f9fafd;
		/*transition: all 0.6s ease-in-out;*/
	}

	.clearFilters.hidden {
		opacity: 0;
	}

.clearLabel {
	position: absolute;
	right: 180px; /* 44px button width + spacing */
	margin-top: 10px;
	color: #1c71b8;
	font-size: 18px;
	cursor: pointer;
	white-space: nowrap;
}

.clearAddInfo {
	background-color: #f9fafd;
	color: #ffffff;
	position: absolute;
	left: -55px;
	top: -18px;
	opacity: 1;
	margin-top: 24px;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-image: url(../images/reset.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 11px 11px;
	text-decoration: underline;
	cursor: pointer;
	display: block;
	margin-bottom: 10px;
	margin-right: auto;
	/*transition: all 0.6s ease-in-out;*/
}

	.clearAddInfo:hover {
		background-color: #f9fafd;
		/*transition: all 0.6s ease-in-out;*/
	}

	.clearAddInfo.hidden {
		opacity: 0;
	}

.openLogin::before {
	content: "Login in / Sign in";
	position: absolute;
	top: 50%;
	/*transform: translateY(-50%);*/
	left: -100%; /* Distance to the left of icon */
	color: #1c71b8;
	padding: 30px -22px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	/*transition: opacity 0.0s;*/
	pointer-events: none;
}

.openLogin:hover::before {
	opacity: 1;
	visibility: visible;
}

.openLogin {
	background-color: #1c71b8;
	color: #ffffff;
	position: fixed;
	right: -300px;
	top: 25px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: solid 7px #ffffff;
	background-image: url(../images/openlogin.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: 2px 3px;
	text-decoration: underline;
	display: block;
	z-index: 999999;
	/*transition: background-color 0.0s ease-in-out, right 0.0s ease-in-out;*/
	cursor: pointer;
}

	.openLogin:hover {
		/*transition: background-color 0.0s ease-in-out;*/
		background-color: #e62928;
	}

	.openLogin::before {
		display: block;
		position: absolute;
		color: #555;
		font-size: 14px;
		width: max-content;
		left: -120px;
		top: 9px;
	}

.logOut {
	background-color: #1c71b8;
	color: #ffffff;
	position: fixed;
	right: -300px;
	bottom: 25px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: solid 7px #ffffff;
	background-image: url(../images/exit.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: 0px center;
	text-decoration: underline;
	display: block;
	z-index: 999999;
	/*transition: background-color 0.6s ease-in-out, right 0.6s ease-in-out;*/
	/* Rest of your properties */
	cursor: pointer;
}

	.logOut:hover {
		background-color: #e62928;
	}

	.logOut::before {
		display: block;
		position: absolute;
		content: "Log out / Exit";
		color: #555;
		font-size: 14px;
		width: max-content;
		left: -110px;
		top: 9px;
	}

	.logOut.active {
		right: 20px;
	}

.closeLogin {
	display: block;
	position: relative;
	z-index: 9999;
	float: right;
	background-image: url(../images/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	background-size: 23px;
	border-radius: 45px;
	background-color: #1c71b8;
}

.closesearchResults {
	display: block;
	position: relative;
	z-index: 9999;
	float: right;
	background-image: url(../images/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	top: 5px;
	right: -3px;
	width: 45px;
	height: 45px;
	background-size: 23px;
	border-radius: 45px;
	background-color: #1c71b8;
}

	.closesearchResults:hover {
		animation: rotate 0.5s linear;
		background-color: #1c71b8;
	}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.closeLogin:hover {
	background-color: #1c71b8;
	animation: rotate 0.5s linear;
	/*transition: all 0.0s ease-in-out;*/
}

/*#loginFrame {
	position: fixed;
	top: 80px;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	z-index: 9996;
	background-image: url(../images/bkg-gray-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}*/

#loginFrame {
	display: inline-block;
	position: relative;
	top: 140px;
	left: 23%;
	width: 50%;
	height: 75%;
	background-color: #f8f9fa;
	/* transition: left 0.5s; */
	z-index: 9996;
	/*background-image: url(../images/bkg-gray-logo.png);*/
	/*background-repeat: no-repeat;
	background-position: center center;*/
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
}

#openLogin {
	/*transition: right 0.0s;*/
}

.loginFrame {
	display: block;
	z-index: 9;
}

#searchFrame {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 99%;
	height: 70%;
	/*transition: left 0.5s;*/
	z-index: 1;
	/*	border-radius: 20px;
	border: 1px solid #dee2e6;
	background-color: #f8f9fa;
	box-shadow: 0 5px 15px 0 #cccccc99;*/
	margin-top: 107px;
	top: 10px;
}


.titleFilterSearch {
	position: absolute;
	display: block;
	margin: 8px 0 14px 8px;
	color: #1c71b8;
	font-weight: bold;
	width: 48%;
}

.titleFilterSearchinfo {
	color: #e62928;
	font-weight: 500;
	font-style: italic;
}

.highlightsfield {
	color: #1c71b8;
	font-weight: bold;
	position: absolute;
	display: block;
	margin: 9px 0px 14px 51%;
	width: 41%;
}

.highlightsfieldinfo {
	font-weight: 500;
	font-style: italic;
	color: #212529 !important;
}

.titleFilterSelect {
	position: relative;
	display: block;
	margin: 0 0 14px 0;
	color: #1c71b8;
}

.checkboxRow {
	display: flex;
	gap: 45px; /* spacing between checkboxes */
	flex-wrap: wrap; /* allow wrapping on small screens */
	align-items: center;
}

/* checkbox style */
.lineCheckbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	color: #8d8d8d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*transition: color 0.3s ease;*/
}

	/* Hide the browser's default checkbox */
	.lineCheckbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.lineCheckbox:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.lineCheckbox input:checked ~ .checkmark {
	background-color: #1c71b8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.lineCheckbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.lineCheckbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Change text color when the checkbox is checked */
.lineCheckbox input:checked {
	color: #1c71b8;
}

.lineCheckbox:has(input:checked) {
	color: #1c71b8;
}

.select-header {
	padding: 7px 15px;
	background: white;
	border: 1px solid #c8d5dc;
	border-radius: 40px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.select-header:after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid #666;
		border-bottom: 2px solid #666;
		/*	transform: rotate(45deg);
		transition: transform 0.3s ease;*/
		display: block;
		position: relative;
		margin-left: 10px;
	}

	.select-header.open:after {
		/*transform: rotate(-135deg);*/
	}

.select-options {
	position: absolute;
	top: 100%;
	margin-top: 7px;
	left: 0;
	right: 0;
	background: white;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 20px 20px 10px 20px;
	display: none;
	box-shadow: 0 4px 14px 3px rgba(0, 0, 0, 0.1);
	width: max-content;
}

	.select-options.visible {
		display: block;
		position: absolute;
		width: max-content;
	}

/*START speciality*/

/* checkbox style */
.lineCheckboxSpeciality {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	color: #8d8d8d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*transition: color 0.3s ease;*/
}

	/* Hide the browser's default checkbox */
	.lineCheckboxSpeciality input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.lineCheckboxSpeciality:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.lineCheckboxSpeciality input:checked ~ .checkmark {
	background-color: #1c71b8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.lineCheckboxSpeciality input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.lineCheckboxSpeciality .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Change text color when the checkbox is checked */
.lineCheckboxSpeciality input:checked {
	color: #1c71b8;
}

.lineCheckboxSpeciality:has(input:checked) {
	color: #1c71b8;
}

.insLanguageMsg {
	display: none;
	position: absolute;
	align-content: stretch;
	z-index: 9;
	margin-left: 74%;
	padding: 2px 10px 2px 10px;
	border: solid 1px #e62928;
	width: 37%;
	top: 0px;
	font-size:12px;
	background:#F3F1CD;
}

.insLanguageMsgShow {
	display: block !important;
}

.advancedSelectSpeciality {
	display: inline-flex !important;
	position: relative;
	align-content: stretch;
	flex-wrap: wrap;
	flex-direction: column;
	z-index: 9;
	width: min-content;
}

.selectSpeciality {
	display: none;
	position: absolute;
	top: 50px;
	border: solid 1px #ccc;
	border-radius: 20px;
	padding: 20px 20px 10px 20px;
	background-color: #fff;
	width: max-content;
	box-shadow: 0 4px 14px 3px rgba(0, 0, 0, 0.1);
	max-height: 310px;
	overflow-y: auto;
}


.advancedSpeciality {
	padding: 7px 15px;
	background: white;
	border: 1px solid #c8d5dc;
	border-radius: 40px;
	cursor: pointer;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9;
}

	.advancedSpeciality:after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid #666;
		border-bottom: 2px solid #666;
		transform: rotate(45deg);
		transition: transform 0.3s ease;
		display: block;
		position: relative;
		margin-left: 10px;
	}

	.advancedSpeciality.open:after {
		transform: rotate(-135deg);
	}

/*END speciality*/
/*START distance*/

/* checkbox style */
.lineCheckboxDistance {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	color: #8d8d8d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: color 0.3s ease;
}

	/* Hide the browser's default checkbox */
	.lineCheckboxDistance input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.lineCheckboxDistance:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.lineCheckboxDistance input:checked ~ .checkmark {
	background-color: #1c71b8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.lineCheckboxDistance input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.lineCheckboxDistance .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Change text color when the checkbox is checked */
.lineCheckboxDistance input:checked {
	color: #1c71b8;
}

.lineCheckboxDistance:has(input:checked) {
	color: #1c71b8;
}

.advancedSelectDistance {
	display: inline-flex !important;
	position: relative;
	align-content: stretch;
	flex-wrap: wrap;
	flex-direction: column;
	z-index: 9;
	width: min-content;
}

.selectDistance {
	display: none;
	position: absolute;
	top: 50px;
	border: solid 1px #ccc;
	border-radius: 20px;
	padding: 20px 20px 10px 20px;
	background-color: #fff;
	width: max-content;
	box-shadow: 0 4px 14px 3px rgba(0, 0, 0, 0.1);
}

.advancedDistance {
	padding: 7px 15px;
	background: white;
	white-space: nowrap;
	border: 1px solid #c8d5dc;
	border-radius: 40px;
	cursor: pointer;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9;
}

	.advancedDistance:after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid #666;
		border-bottom: 2px solid #666;
		transform: rotate(45deg);
		transition: transform 0.3s ease;
		display: block;
		position: relative;
		margin-left: 10px;
	}

	.advancedDistance.open:after {
		transform: rotate(-135deg);
	}

/*END distance*/

/* END style selectlist */

.addPatient {
	position: relative;
	width: 100%;
	max-width: max-content;
}

.wideFiels {
	display: flex;
	justify-content: space-between;
	gap: 5px; /* adds some spacing between the inputs */
	margin-bottom: 0p; /* optional: adds spacing between the rows */
}

	.wideFiels input {
		flex: 1; /* makes inputs grow to fill available space */
	}

		/* Override flex for inputs with specific widths */
		.wideFiels input[style*="width"] {
			flex: 0 0 auto; /* don't grow or shrink inputs with explicit widths */
		}

.addPatientDetails {
	padding: 7px 15px;
	background: white;
	border: 1px solid #c8d5dc;
	border-radius: 40px;
	cursor: pointer;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9;
	/*transition: all 0.3s ease;*/
}

	.addPatientDetails:after {
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid #666;
		border-bottom: 2px solid #666;
		/*transform: rotate(45deg);
		transition: transform 0.3s ease;*/
		display: block;
		position: relative;
		margin-left: 10px;
	}

	.addPatientDetails.open:after {
		/*transform: rotate(-135deg);*/
	}

.formContainer {
	display: block;
	position: relative;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 8;
}

.fieldTypeFilter {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-sizing: border-box;
}

.saveButton {
	width: 100px;
	padding: 10px;
	background-color: #1c71b8;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	/*transition: background-color 0.3s ease;*/
}

	.saveButton:hover {
		background-color: #155a94;
	}

.infoInsurance {
	position: fixed;
	display: block;
	/*left: -100%;*/
	top: 50%;
	/*transform: translateY(-90%);*/
	width: 300px;
	height: 200px;
	font-size: 16px;
	overflow-y: scroll;
	background: #f3f1cd;
	padding: 20px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	/*transition: left 0.3s ease-in-out;*/
	z-index: 1000;
}

	.infoInsurance.show {
		left: 20px;
	}

.saveButton {
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
	width: 100%;
}

.okButton {
	background: #1c71b8;
	color: white;
	padding: 8px 16px;
	border: none;
	cursor: pointer;
	margin-top: 15px;
	width: 100%;
	border-radius: 20px;
}

.fieldsFilters {
	display: block;
	position: relative;
	margin-top: 50px;
	margin-right: 5px;
}

.fieldsFiltersFrame {
	display: flex;
	gap: 15px; /* Creates space between columns and rows */
}

	.fieldsFiltersFrame > div {
		flex: 1;
		/* This makes both divs take up equal space */
	}

.fieldColumn {
	display: block;
	position: relative;
	padding: 20px 0 10px 20px;
}

.titleField {
	display: block;
	position: relative;
	padding-bottom: 20px;
}

.filterType {
	display: block;
	width: 60%;
}

.providerType {
	display: flex;
	position: relative;
	background-color: #ffffff;
	border-radius: 20px;
	border: solid 1px #c8d5dc;
	padding: 10px 15px;
	width: 97%;
	height: 51px;
	margin-bottom: 10px;
}

.frameListSendProvider {
	display: block !important;
	position: relative !important;
	max-height: 240px !important;
	overflow-y: auto !important;
	/* Force scrollbar to always show */
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	/* Enable momentum scrolling on iOS/macOS */
	-webkit-overflow-scrolling: touch;
	border-bottom: solid 1px #eee;
}

	/* This width value is important for Mac visibility */
	.frameListSendProvider::-webkit-scrollbar {
		width: 14px;
	}

	.frameListSendProvider::-webkit-scrollbar-track {
		background-color: #f1f1f1;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	}

	/* The border trick is crucial for macOS - creates padding effect */
	.frameListSendProvider::-webkit-scrollbar-thumb {
		background-color: #888;
		border: 4px solid #f1f1f1; /* Creates padding effect */
		border-radius: 10px;
		min-height: 40px;
	}

		.frameListSendProvider::-webkit-scrollbar-thumb:hover {
			background-color: #555;
		}

.filters-toggle {
	background-color: #1c71b8;
	color: #ffffff;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-image: url(../images/filters.png);
	background-repeat: no-repeat;
	background-size: 27px;
	background-position: 8px 12px;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: 5px;
	/*transition: all 0.3s ease-in-out;*/
}

	.filters-toggle:hover {
		background-color: #e62928;
		/*transition: all 0.3s ease-in-out;*/
	}

		.filters-toggle:hover::after {
			display: block;
			position: absolute;
			content: "More Filters";
			top: 50px;
			font-size: 14px;
			text-align: center;
			width: 52px;
			left: -5px;
		}

	.filters-toggle.visible {
		opacity: 1;
		visibility: visible;
	}

.addInfo-toggle {
	background-color: #1c71b8;
	color: #ffffff;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-image: url(../images/add-info.png);
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: 3px 10px;
	text-decoration: underline;
	cursor: pointer;
	display: inline-flex;
	position: relative;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: 5px;
	/*transition: all 0.3s ease-in-out;*/
}

	.addInfo-toggle:hover {
		background-color: #e62928;
		/*transition: all 0.3s ease-in-out;*/
	}

		.addInfo-toggle:hover::after {
			display: block;
			position: absolute;
			content: "Patient Details";
			top: 50px;
			font-size: 14px;
			text-align: center;
			width: 100px;
			left: -25px;
		}

	.addInfo-toggle.visible {
		opacity: 1;
		visibility: visible;
	}

.disabled-link {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	opacity: .35 !important;
}

#topExpandFilter {
	display: block;
	position: absolute;
	top: 100px;
}

.filters-container {
	display: block;
	opacity: 1;
	background-color: #f8f9fa;
	border-radius: 20px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #aaa;
	position: absolute;
	top: 10px !important;
	/*left: -100%;*/ /* Start off-screen */
	width: 67%;
	/*transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out;*/
	z-index: 2; /* Higher base z-index */
	box-shadow: 0 5px 15px 0 #999999;
}

	.filters-container.expanded {
		display: block;
		opacity: 1;
		left: 17%; /* Move on-screen */
		z-index: 2; /* Same as base z-index */
		top: 140px !important;
	}

.overlayPage {
	display: none; /* Hidden by default */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 92px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	background-color: rgba(0, 0, 0, 0.3);
	/*z-index: 1000;*/ /* Lower than the filters container */
	opacity: .4;
}

.filters-container-block {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

.addInfo-container {
	display: block; /* Initially hidden */
	opacity: 1;
	background-color: #f8f9fa;
	border-radius: 20px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #aaa;
	position: absolute;
	top: 0;
	/*left: -100%;*/ /* Start off-screen */
	width: 50%;
	/*transition: left 0.6s ease-in-out, opacity 0.6s ease-in-out;*/
	z-index: 1000;
	box-shadow: 0 5px 15px 0 #999999;
}

	.addInfo-container.expanded {
		display: block; /* Ensure it's visible when expanded */
		opacity: 1;
		left: 25%; /* Move on-screen */
	}

.addInfo-container-block {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

.fieldTypeFilter {
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	font-size: 18px;
	width: 100%;
	margin-bottom: 7px;
	box-sizing: border-box;
}

.instantSearch {
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 10px 10px 45px;
	font-size: 18px;
	width: 100%;
	margin-bottom: 7px;
	box-sizing: border-box;
	background-image: url(../images/inputsearch.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 13px 10px;
}

.toolsFrameFilters {
	text-align: center;
}

.buttonsBox {
	display: flex;
	/*visibility: hidden;*/
	justify-content: space-between;
	margin-bottom: 15px;
}

	.buttonsBox.visible {
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
	}

/* search results */

/* START style selectlist */

.levelsIonsFilter {
	display: inline-flex;
	position: absolute;
	width: max-content;
	z-index: 99999;
	margin-top: 55px;
}

.iconLevel1,
.iconLevel2,
.iconLevel3,
.iconLevel4,
.iconLevel0 {
	opacity: 0.3;
	display: inline-block;
	position: relative;
	width: 35px;
	height: 35px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px;
	/*transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;*/
	cursor: pointer;
}

	.iconLevel1:hover,
	.iconLevel2:hover,
	.iconLevel3:hover,
	.iconLevel4:hover,
	.iconLevel0:hover {
		/*transform: scale(1.2);*/
		opacity: 1;
	}

	.iconLevel1:active,
	.iconLevel2:active,
	.iconLevel3:active,
	.iconLevel4:active,
	.iconLevel0:active {
		opacity: 1;
	}

.iconLevel1 {
	background-image: url(../images/icon_score_1.png);
}

.iconLevel2 {
	background-image: url(../images/icon_score_2.png);
}

.iconLevel3 {
	background-image: url(../images/icon_score_3.png);
}

.iconLevel4 {
	background-image: url(../images/icon_score_4.png);
}

.iconLevel0 {
	background-image: url(../images/icon_score_0.png);
}

.clearLevels {
	display: inline-block;
	position: relative;
	color: #e62928;
	padding: 5px;
	cursor: pointer;
	/*transition: background-color 0.3s ease-in-out;*/
	background-image: url(../images/close-black.png);
	width: 18px;
	height: 18px;
	margin: 3px;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
}

	.clearLevels:hover {
		color: #1c71b8;
		background-color: #eee;
	}

.switchView {
	display: inline-flex;
	justify-content: space-between;
	position: absolute;
	width: max-content;
	z-index: 99999;
	right: 54px;
	top: 45px;
}

.mapView,
.listView {
	opacity: 0.3;
	display: inline-block;
	position: relative;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 23px;
	background-color: #1c71b8;
	margin-right: 10px;
	/*transition: all 0.3s ease-in-out;*/
}

	.mapView.active,
	.listView.active {
		opacity: 1;
		/*transition: all 0.3s ease-in-out;*/
	}

.mapView {
	display: inline-block;
	background-image: url(../images/map_icon.png);
	/*transition: background-color 0.6s ease-in-out;*/
}

	.mapView:hover {
		/*transition: background-color 0.6s ease-in-out;*/
		background-color: #e62928;
		cursor: pointer;
	}

.listView {
	display: inline-block;
	background-image: url(../images/list_icon.png);
	/*transition: background-color 0.6s ease-in-out;*/
}

	.listView:hover {
		/*transition: background-color 0.6s ease-in-out;*/
		background-color: #e62928;
		cursor: pointer;
	}

.searchResults {
	position: fixed;
	width: 97.5%;
	height: 107%;
	/*transition: left 0.3s ease-in-out;*/
	padding: 0 10px 90px 10px;
	z-index: 3;
	top: 156px;
	display: none;
	left: 30px;
	/* top: 180px; */
	border-radius: 20px;
	border: 1px solid #aaa;
	background-color: #f8f9fa;
	box-shadow: 0 5px 10px 0 #999999;
	margin-top: -42px;
	height: 75%;
}

.searchresultsleft {
	left: 30px !important;
}

.mapSearchResults {
	position: fixed;
	border-radius: 20px;
	border: 1px solid #aaa;
	/*left: 200%;*/
	width: 95%;
	height: 75%;
	background: white;
	/*transition: left 0.3s ease-in-out;*/
	z-index: 1000;
}

.searchResults.active {
	left: 0;
}

.searchResultsItems {
	overflow-y: auto !important;
	position: relative;
	height: 60%;
	padding-bottom: 100px;
	overflow-x: hidden !important;
}

.frameButtons {
	display: block;
	position: relative;
	width: 100%;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.closeButton {
	background-color: #c8d5dc;
	color: #ffffff;
	float: right;
	width: 28px;
	height: 28px;
	background-size: 12px;
	background-position: 8px 8px;
	border-radius: 50px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: auto;
	/*transition: transform 0.5s ease-in-out;*/
}

	.closeButton:hover {
		animation: rotate 0.5s linear;
	}

/* START STYLE pentru switch */

.container {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.viewToggle {
	display: flex;
	margin-bottom: 15px;
	border-bottom: 1px solid #c8d5dc;
	padding-bottom: 10px;
}

	.viewToggle button {
		background: none;
		border: none;
		padding: 8px 15px;
		cursor: pointer;
		font-size: 16px;
		position: relative;
	}

		.viewToggle button:hover {
			background-color: #f5f5f5;
		}

		.viewToggle button.active {
			font-weight: bold;
			color: #007bff;
		}

			.viewToggle button.active::after {
				content: "";
				position: absolute;
				bottom: -10px;
				left: 0;
				width: 100%;
				height: 3px;
				background-color: #007bff;
			}

.viewsContainer {
	display: block;
	position: relative;
	height: 97%;
	overflow: hidden;
	top: 45px;
	/*border-bottom: solid 1px #e62928;*/
}

.searchResultsItems,
.mapSearchResults {
	position: absolute;
	width: 100%;
	height: 100%;
	/*transition: left 0.5s ease;*/
}

.searchResultsItems {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	overflow: scroll;
}

.mapSearchResults {
	background-color: #f0f0f0;
	left: 100%;
	overflow-x: auto;
}

.mapPlaceholder {
	height: 100%;
	position: relative;
	/*background-image: url(../images/google-map.jpeg);*/
	background-size: cover;
}
/* Pointer styling */
.pointer {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	/*transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;*/
	z-index: 10;
	background-image: url(../images/icon_score_3.png);
	background-size: contain;
}

	.pointer:hover {
		transform: scale(1.2);
	}

/* Content box styling */
.content-box {
	position: relative;
	background-color: white;
	border-radius: 5px;
	padding: 15px;
	width: 400px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 20;
	opacity: 0;
	visibility: hidden;
	/*transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;*/
}

	.content-box.visible {
		opacity: 1;
		visibility: visible;
	}

	.content-box h3 {
		margin-top: 0;
		color: #333;
	}

	.content-box p {
		margin-bottom: 0;
		color: #666;
	}

.close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: none;
	border: none;
	font-size: 16px;
	cursor: pointer;
	color: #999;
}

	.close-btn:hover {
		color: #333;
	}

/*.recommend-provider {
	margin-bottom: 2px;
	margin-left: 20px;
	margin-top: 0%;
	background-image: url(../images/submit-arrow_red.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 8px 8px;
	border-radius: 50px;
	border: none;
	font-size: 16px;
	cursor: pointer;
	color: #e62928;
	border: solid 1px #e62928;
	border-radius: 24px;
}

	.recommend-provider:hover {
		color: #1C71BB;
		border: solid 1px #1C71BB;
	}*/

.recommend-provider {
	left: 10%;
	z-index: 99999;
	display: inline-block;
	position: relative;
	background-color: #e62928;
	color: #ffffff;
	width: 70px;
	height: 30px;
	top: 7px;
	border-radius: 50px;
	/*background-image: url(../images/submit-arrow_red.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center center;*/
	/* left: 90%; */
	margin-left: -20px;
	/*transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;*/
	cursor: pointer;
	border: none !important;
	font-size: 15px;
}

	.recommend-provider:hover {
		/*transform: scale(1.2);*/
		content: "Add/Update";
	}

.closeMap {
	position: absolute;
	top: 10px;
	right: 10px;
	background: white;
	border: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.hidden {
	display: none;
}

/* Visual indicator for swipe */
.swipe-hint {
	position: absolute;
	bottom: 20px;
	left: 50%;
	/*transform: translateX(-50%);*/
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 14px;
	opacity: 0;
	/*transition: opacity 0.3s;*/
	pointer-events: none;
}

	.swipe-hint.visible {
		opacity: 1;
		animation: fadeOut 3s forwards;
	}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* END STYLE pentru switch */

.boxTopFilter {
	display: flex;
	position: absolute;
	top: 4px;
	width: 80%;
	align-items: center; /* Vertically center items */
	gap: 15px; /* Add space between divs */
	z-index: 99999;
}

.customSelectContainer {
	display: inline-flex;
	position: relative;
	z-index: 999;
}

.formContainer {
	display: block;
	position: relative;
}

	.formContainer.open {
		background-color: #fff;
		position: absolute;
		padding: 15px;
		max-height: 300px;
		margin-bottom: 15px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 99999;
	}

/* Add this to your existing styles */
.provider-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 20px;
	cursor: pointer;
}

	.provider-header span {
		font-size: 18px;
		font-weight: 500;
	}

/* search results */

.spacerBottom {
	display: block;
	position: relative;
	height: 60px;
}

.itemBox {
	flex: 0 0 calc(33.33% - 10px); /* Three columns with gap */
	box-sizing: border-box;
	min-height: 100px;
	background-color: #f8f8f8;
	border: 1px solid #aaa;
	border-radius: 30px;
	padding: 15px;
	display: flex;
	justify-content: left;
	align-items: center;
	cursor: pointer;
	/*transition: border-color 0.6s ease-in-out;*/
	box-shadow: 0 5px 7px 0 #999999;
}

	.itemBox:hover {
		border: 1px solid #e62928;
		/*transition: border-color 0.6s ease-in-out;*/
	}

	.itemBox.active,
	.itemBox.active.matchingLanguage.matchingInsurance,
	.itemBox.matchingLanguage.matchingInsurance,
	.itemBox.active.matchingInsurance,
	.itemBox.matchingInsurance,
	.itemBox.active.matchingLanguage,
	.itemBox.matchingLanguage {
		border: 1px solid #e62928;
	}

	.itemBox.highlightclass {
		border: 5px solid #1C71B8 !important;
	}

	.itemBox:active {
		border: 1px solid #1c71b8;
	}

.imageProfile {
	float: left;
	width: 25%;
	margin-left: 10px;
}


.infoProfile {
	float: left;
	width: 100%;
	margin-left: 0px;
}

.itemBox::after {
	content: "";
	clear: both;
	display: table;
}

.itemBox2::after {
	content: "";
	clear: both;
	display: table;
}

.itemBox2 {
	display: none;
	flex: 0 0 calc(33.333% - 10px); /* Three columns with gap */
	box-sizing: border-box;
	min-height: 100px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 5px;
	display: flex;
	justify-content: left;
	align-items: center;
	cursor: pointer;
	/*transition: border-color 0.6s ease-in-out;*/
	width: 370px;
	margin-right: 10px;
	margin-bottom: 10px;
}

	.itemBox2:hover {
		border: 1px solid #e62928;
		/*transition: border-color 0.6s ease-in-out;*/
	}

	.itemBox2:active {
		border: 1px solid #1c71b8;
	}

.confirmFrame {
	display: block;
	position: absolute;
	z-index: 9990;
	/*background-color: #fff;*/
	background-color: rgba(0, 0, 0, 0.15);
	/*bottom: 92px;*/
	top: 139px;
	/*transform: translateX(-100%);*/
	width: 97.5%;
	height: 74.8%;
	left: 30px;
	border-radius: 20px;
}

.viewProfile {
	position: fixed; /* or absolute */
	top: 65px;
	/*right: 0;*/
	width: 100%;
	height: 88%;
	/*transform: translateX(-100%);*/ /* Initially off the screen */
	/*transition: transform 0.3s ease-in-out;*/
	display: none;
	/*background-color: #ffffff;*/
	z-index: 9999;
	overflow: hidden;
	/*transition: transform 0.0s ease-in-out !important;*/
	left: 30px;
}

.contentConfirmFrame {
	padding: 25px;
	font-weight: 200;
	font-size: 16px;
	/*overflow-x: scroll;*/
	width: 500px;
	display: block;
	position: relative;
	left: 49%;
	margin-left: -250px;
	text-align: center;
	background-color: #f8f9fa;
	/*top: 15%;*/
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
}

.updateDoctorName {
	font-weight: 400;
	color: #e62928;
}

.closeConfirm {
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
	text-align: center;
	display: inline-flex;
	cursor: pointer;
}

.recommend {
	display: inline-block;
	position: relative;
	background-color: #e62928;
	color: #fff;
	border-radius: 20px;
	padding: 5px 15px;
	max-width: fit-content;
	margin-top: 18px;
	margin-left: 40px;
	cursor: pointer;
}

	.recommend:hover {
		background-color: #1c71b8;
	}

.updateEditProfile {
	z-index: 99999;
	display: block;
	position: absolute;
	background-color: #1c71b8;
	color: #ffffff;
	width: 30px;
	height: 30px;
	top: 7px;
	border-radius: 50px;
	background-image: url(../images/edit.png);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center center;
	left: 50%;
	margin-left: -20px;
	/*transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;*/
	cursor: pointer;
}

	.updateEditProfile:hover {
		/*transform: scale(1.2);*/
		content: "Add/Update payers";
	}

.nameDr {
	font-weight: 500 !important;
	font-size: 18px !important;
	/*text-transform: uppercase;*/
	color: #1c71b8;
}

.nameDrLarge {
	display: block;
	font-weight: 600;
	font-size: 24px;
	color: #e62928;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 15px;
	width: 100%;
}

/*.iconScore_level1 {
	display: block;
	position: absolute;
	background-image: url(../images/icon_score_1.png);
	background-position: center center;
	background-size: 40px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	margin-top: -25px;
	border-radius: 40px;
	border: solid 5px #fff;
}*/
.iconScore_level1 {
	display: flex; /* center children */
	align-items: center; /* vertical center */
	justify-content: center; /* horizontal center */
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url(../images/icon_score_1.png);
	background-position: center center;
	background-size: 40px;
	background-color: #fff;
	margin-top: -25px;
	border-radius: 40px;
	border: solid 5px #fff;
	font-weight: bold; /* number styling */
	font-size: 16px; /* adjust as needed */
	color: #0d47a1; /* dark blue number */
}

.iconScore {
	display: inline-block !important;
	width: 50px; /* match your PNG size */
	height: 50px;
}

	.iconScore img {
		width: 100%;
		height: 100%;
		display: block;
	}

	.iconScore .scoreNum {
		position: relative;
		top: -48%;
		transform: translate(-50%, -50%);
		font-weight: bold;
		font-size: 18px; /* adjust to fit */
		color: #0d47a1; /* dark blue number */
		pointer-events: none; /* so clicks pass through to the image if needed */
	}

.frameDetailProfile {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 10px 40px;
}

/* infoProfilePlus */
.headerProfile,
.infoProfilePlus,
.mapViewProfile,
.frameListPrPhys,
.frameInsuranceList {
	flex: 0 0 calc(33.333% - 10px); /* Three columns with gap */
	box-sizing: border-box;
	min-height: 100px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 30px;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 5px 10px 0 #999999;
}

.headerProfile {
	position: relative;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.infoProfile span {
	display: block;
	font-size: 16px;
	font-weight: 200;
}

.infoProfileLarge {
	display: block;
	position: relative;
	padding-top: 20px;
}

	.infoProfileLarge span {
		display: block;
	}

		.infoProfileLarge span b {
			font-weight: 200;
			margin-right: 7px;
		}

.infoProfilePlus {
	position: relative;
}

.frameInfoProfilePlus {
	display: block;
	position: relative;
	padding: 0 15px;
	margin-top: 15px;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

.licenceFrame {
	display: block;
	position: relative;
}

.licenceTitle {
	display: block;
	position: relative;
}

.infoProfilePlusTitle {
	display: block;
}

.licenceLogo {
	display: block;
	position: relative;
	color: #1c71b8;
}

.hospitalName {
	display: block;
	position: relative;
	padding: 0 0 0 20px;
	font-weight: 200;
}

.language {
	display: block;
	position: relative;
	padding: 0 0 0 20px;
	font-weight: 200;
}

.hospitalName::before {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border: solid 2px #e62928;
	content: "";
	border-radius: 15px;
	margin-left: -20px;
	margin-top: 7px;
}

.mapDisplay {
	display: block;
	position: relative;
	min-height: 220px;
	right: 0;
	left: 0;
	/*background-image: url(../images/google-map.jpeg);*/
	background-size: cover;
	border: none;
	border-radius: 20px;
	margin-top: 10px;
	overflow: hidden;
	margin-left: 15px;
	width: 90%;
}

.mapViewProfile {
	display: block;
	position: relative;
	font-weight: 200;
}

.mapTitle {
	display: block;
	margin-left: 15px;
}

.marker {
	position: absolute;
	width: 50px;
	height: 50px;
	background-image: url(../images/loading.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	background-size: 45px;
	/*transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;*/
}

	.marker:hover {
		/*transform: scale(1.2);*/
	}

#address {
	margin-top: 20px;
	padding: 0 15px;
}

.contentMap {
	display: block;
}

	.contentMap span {
		font-weight: 200;
	}

.addressTitle {
	display: block;
	font-weight: 400;
}

.linkNavMap {
	display: block;
	position: relative;
	width: max-content;
	background-color: #f3f1cd;
	color: #324a6d;
	border-radius: 20px;
	padding: 5px 15px 5px 40px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 10px center;
}

.frameListPrPhys {
	width: auto;
	display: flow;
}

.listPrPhysTitle {
	display: block;
	position: relative;
	padding: 0 15px;
}

.listPrPhys {
	display: block;
	position: relative;
	border: solid 1px #c8d5dc;
	border-radius: 20px;
	padding: 7px 15px;
	height: 180px;
	overflow-x: scroll;
	font-weight: 200;
	margin: 0 15px;
}

.insuranceTitle {
	border-radius: 20px;
}

.frameInsuranceList {
	position: relative;
	display: flow;
}

.insuranceList {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	border: solid 1px #c8d5dc;
	border-radius: 20px;
	padding: 10px 0 10px 10px;
	height: 180px;
	overflow-x: scroll;
}

.insuranceLogo {
	display: block;
	position: relative;
	padding: 5px;
}

	.insuranceLogo img {
		display: block;
		position: relative;
		width: 100px;
	}

.rowListPrPhys {
	display: flex;
	padding: 7px 0;
}

	.rowListPrPhys a {
		margin-top: 8px;
		margin-left: 10px;
	}

.avatarPhys {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-size: 40px;
	background-position: center center;
	border: solid 3px #c8d5dc;
	overflow: hidden;
}

	.avatarPhys img {
		width: 40px;
		height: 40px;
	}

.NPIDr {
	color: #444;
	/*font-weight: 500 !important;*/
}

.typeDr {
	color: #444;
}

.specialityDr {
	color: #e62928;
	font-weight: 500 !important;
	font-size: 18px !important;
}

.additionalSpecialityDr {
	color: #1c71b8;
}

.addressDr {
	color: #444;
}

.memberDr {
	color: #444;
}

/*.distanceDr {
	color: #1c71b8;
}*/
.avatarDr {
	display: block;
	position: relative;
	width: 120px;
	height: 120px;
	float: left;
	object-fit: cover;
	border-radius: 6px;
	margin-bottom: 8px;
}

	.avatarDr img {
		display: block;
		width: 110px;
		border-radius: 20px;
	}

.avatarDrLarge {
	display: block;
	position: relative;
	width: 160px;
	height: 160px;
}

	.avatarDrLarge img {
		display: block;
		width: 150px;
		border-radius: 20px;
	}

.avatarDr2 {
	display: block;
	position: relative;
	width: 90px;
	height: 90px;
	float: left;
	object-fit: cover;
	border-radius: 6px;
	margin-bottom: 8px;
}

	.avatarDr2 img {
		display: block;
		width: 65px;
		border-radius: 20px;
	}

.iconScore {
	display: block;
}

.frameSavePr {
	display: flex;
	align-items: center;
}

.saveCrowdSourced {
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	/*transition: background-color 0.6 ease-in-out;*/
}

	.saveCrowdSourced:hover {
		background-color: #1c71b8;
	}

.viewProfile {
	position: fixed; /* or absolute */
	top: 65px;
	/*right: 0;*/
	width: 100%;
	height: 88%;
	transform: translateX(-100%); /* Initially off the screen */
	/*transition: transform 0.3s ease-in-out;*/
	display: none;
	/*background-color: #ffffff;*/
	z-index: 9999;
	overflow: hidden;
	/*transition: transform 0.0s ease-in-out !important;*/
	left: 30px;
}

	.viewProfile.active {
		display: block;
		position: fixed;
		z-index: 1000;
		transform: translateX(0);
		/*transition: transform 0.5s ease-in-out;*/
		/*background-color: #ffffff;*/
	}

.viewFullProfileBackground {
	width: 97.5% !important;
	position: absolute;
	height: 85% !important;
	left: 0px !important;
	top: 29px !important;
	background-color: #f8f9fa;
	box-shadow: 0 5px 15px 0 #999999 !important;
	border: 1px solid #aaa !important;
	border-radius: 20px !important;
}

.withoutUserInfo {
	top: 75px !important;
}

.viewFullProfile {
	position: absolute;
	/*width: 97.5% !important;*/
	width: 99.5% !important;
	height: 90% !important;
	left: 0px !important;
	top: 60px;
	background-color: #f8f9fa;
	overflow-x: hidden;
	scroll-behavior: smooth;
	border-radius: 20px !important;
	/*border-bottom: solid 1px #e62928;*/
	/*box-shadow: 0 5px 15px 0 #999999 !important;
	border: 1px solid #aaa !important;*/
}

.viewFullProfileCont {
	border-radius: 20px !important;
	box-shadow: 0 5px 15px 0 #999999 !important;
	border: 1px solid #aaa !important;
	width: 97% !important;
	height: 83% !important;
	left: 20px !important;
	top: 30px;
	overflow-y: hidden;
	margin-left: 19px;
}

.nav-arrow {
	cursor: pointer;
	padding: 10px;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	/*transition: opacity 0.8s, visibility 0.8s;*/
}

.viewProfile.active .nav-arrow {
	opacity: 1;
	visibility: visible;
}

.timerHeight {
	top: 65px !important;
}

.prev-arrow,
.next-arrow {
	position: absolute;
	bottom: 13px;
	/*transform: translateY(-50%);*/
	background-color: #c8d5dc;
	color: #ffffff;
	float: right;
	width: 24px;
	height: 24px;
	border-radius: 50px;
	top: 45%;
	/*transition: all 0.2s ease-in-out;*/
}

	.prev-arrow:hover,
	.next-arrow:hover {
		width: 34px;
		height: 34px;
		background-color: #1c71b8;
	}

.prev-arrow {
	left: 14px;
	background-image: url(../images/prev.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	top: 45%;
}

.next-arrow {
	right: 14px;
	background-image: url(../images/next.png);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.closeProfile {
	display: block;
	position: relative;
	background-color: #1c71b8;
	color: #ffffff;
	float: right;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	margin-top: -4px;
	margin-right: -5px;
	background-size: 23px;
	background-position: center center;
	border-radius: 50px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: auto;
	transition: transform 0.5s ease-in-out;
	z-index: 999999;
}

	.closeProfile:hover {
		animation: rotate 0.5s linear;
		background-color: #1c71b8;
	}

.sealGodaddy {
	position: fixed;
	z-index: 9980;
	bottom: 45px;
	left: 20px;
	/*transition: left 0.3s ease-in-out;*/
}

	.sealGodaddy.active {
		left: -150px;
	}

.copyright {
	display: block;
	position: relative;
	left: 15px;
	width: 18%;
	padding: 5px 0 6px 5px;
	font-size: 12px;
	color: #8b99a0;
	z-index: 99999;
}

.footer {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 9980
}

.crwdSourcedItem {
	color: #e62928;
}

.privacy {
	position: fixed;
	right: 20px;
	bottom: 10px;
	font-size: 14px;
	color: #8b99a0;
	z-index: 9980;
}

	.privacy a {
		color: #8b99a0;
		text-decoration: none;
	}

		.privacy a:hover {
			text-decoration: underline;
		}

.contactus {
	position: fixed;
	right: 83px;
	bottom: 26px;
	font-size: 14px;
	color: #8b99a0;
	z-index: 9980;
}

	.contactus a {
		color: #8b99a0;
		text-decoration: none;
	}

		.contactus a:hover {
			text-decoration: underline;
		}

/*.loading-overlay {
	position: absolute !important;
	top: 0;
	left: 100px !important;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	display: block !important;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}*/

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* payer plan */
/*.addEditPayerPlan {
	display: block;
	position: absolute;
	z-index: 999999;
	background-color: #ffffff;
	overflow-x: scroll;
	width: 100%;
	height: 82%;
}

.addEditPayerPlanFrame {
	display: block;
	position: relative;
	padding: 10px 50px;
}*/

.addEditPayerPlan {
	display: block;
	position: absolute;
	z-index: 9999;
	background-color: #f8f9fa;
	overflow-x: hidden;
	width: 45%;
	left: 25%;
	height: 75%;
	top: 138px;
	border-radius: 20px;
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
}

.addEditPayerPlanFrame {
	display: block;
	position: relative;
	padding: 10px 10px;
}

.closePayerPlan {
	display: block;
	position: absolute;
	float: right;
	background-image: url(../images/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	background-size: 23px;
	border-radius: 45px;
	background-color: #1c71b8;
	z-index: 999999;
}

	.closePayerPlan:hover {
		animation: rotate 0.5s linear;
		background-color: #1c71b8;
	}

.titlePayer {
	background-color: #fff;
	color: #1c71b8;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	border-top: solid 1px #c8d5dc;
}

	.titlePayer .active {
		background-color: #555;
	}

.listPlan {
	display: block;
	position: relative;
	max-height: 0;
	overflow: hidden;
	/*transition: max-height 0.2s ease-out;*/
}

.fieldType {
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	font-size: 18px;
	box-sizing: border-box;
}

/*.searchPayerList {
	display: inline-flex;
	position: fixed;
	padding-top: 10px;
	background-color: #fff;
	z-index: 100;
	width: 97%;
}
*/
.searchPayerList {
	display: inline-flex;
	position: fixed;
	padding-top: 10px;
	background-color: #f8f9fa;
	z-index: 100;
	width: 40%;
}

.searchOptions {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: nowrap; /* Changed from wrap to nowrap to keep elements inline */
	width: auto; /* Changed from fixed width to auto */
}

/* Style for custom radio buttons */
.radioContainer {
	display: flex;
	align-items: center;
	position: relative;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 16px;
	color: #555;
	border-radius: 30px;
	margin-right: 10px;
	min-width: auto; /* Changed from 80px to auto */
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.radioContainer input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

.radiomark {
	position: relative;
	display: inline-block;
	height: 24px;
	width: 24px;
	background-color: #eee;
	border-radius: 50%;
	margin-right: 8px;
}

/* On hover, change the background color */
.radioContainer:hover input ~ .radiomark {
	background-color: #ccc;
}

/* When the radio button is selected, change the background */
.radioContainer input:checked ~ .radiomark {
	background-color: #1c71b8;
}

	/* Also change the background color and text for the container when selected */
	.radioContainer input:checked ~ .radiomark + span {
		font-weight: bold;
		color: #1c71b8;
	}

/* Indicator for selected state */
.radiomark:after {
	content: "";
	position: absolute;
	display: none;
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* Show the indicator when the radio button is selected */
.radioContainer input:checked ~ .radiomark:after {
	display: block;
}

.topSpacer {
	display: block;
	position: relative;
	height: 110px;
}

.hidden {
	display: none;
}

/* Responsive tweaks */
@media (max-width: 480px) {
	.searchOptions {
		justify-content: space-between;
	}

	.radioContainer {
		flex: 1;
		min-width: 0;
		padding: 12px 10px;
		margin-right: 5px;
	}

	.topSpacer {
		height: 110px;
	}

	.titlePayer {
		padding: 15px 10px;
		font-size: 14px;
	}

	.lineCheckbox {
		font-size: 14px;
	}
}

.btnPauseAd {
	/*background-color: #ffffff;
	color: #ffffff;*/
	width: 20px;
	height: 20px;
	/*border-radius: 50px;*/
	background-image: url(../images/arrowpause.png);
	background-repeat: no-repeat;
	background-size: 11px;
	/*background-position: 3px 5px;*/
	display: inline-block;
	margin-left: 5px;
	/*transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;*/
	border: none !important;
	margin-top: -9px;
	background-color: #f9fafd;
}

.btnRewindAd {
	/*background-color: #ffffff;
	color: #ffffff;*/
	width: 25px;
	height: 27px;
	/*border-radius: 50px;*/
	background-image: url(../images/arrowup.png);
	background-repeat: no-repeat;
	background-size: 20px;
	/*background-position: 3px 5px;*/
	display: block;
	/*margin-left: 56px;*/
	/*transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;*/
	border: none !important;
	margin-top: 6px;
	background-color: #f9fafd;
}

.btnFwdAd {
	/*	background-color: #ffffff;
	color: #ffffff;*/
	width: 20px;
	height: 25px;
	/*border-radius: 50px;*/
	background-image: url(../images/arrowdown.png);
	background-repeat: no-repeat;
	background-size: 20px;
	/*background-position: 3px 5px;*/
	display: block;
	/*margin-left: 56px;*/
	/*transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;*/
	border: none !important;
	margin-top: 2px;
	background-color: #f9fafd;
}

.advertiseContainer {
	padding: 40px;
	text-align: center;
}

.advertiseFrame {
	display: block;
	position: fixed;
	width: 860px;
	height: 90px;
	/*background-color: #e62928;*/
	border-radius: 20px 20px 0 0;
	z-index: 9998;
	left: 50%;
	margin-left: -430px;
	bottom: 0;
	text-align: center;
	/*background-image: url(../images/banner-100.jpg);*/
	border: solid 1px #ccc;
}

controls {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.controls input {
	/*padding: 10px 20px;*/
	font-size: 16px;
	cursor: pointer;
}

.advLink {
	display: block;
	position: fixed;
	/*top: 0;*/
	padding: 0 15px;
	font-size: 9px;
	background-color: #e62928;
	color: #fff !important;
	z-index: 9999;
	width: 200px;
	margin-left: 50%;
	left: -100px;
	border-radius: 9px 9px 0 0;
	bottom: 87px;
	z-index: 9999;
}

	.advLink:hover {
		background-color: #1c71b8;
		color: #fff;
	}

/*.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}*/

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loading-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 110%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9996;
}

.loading-image {
	width: 50px;
	height: 50px;
	animation: rotate 1s linear infinite;
	margin-top: 20%;
	margin-left: 45%;
}

/*.loading-image {
	width: 50px;
	height: 50px;
	animation: rotate 1s linear infinite;
}
*/

.gm-style-iw-c button.gm-ui-hover-effect {
	display: block !important;
}

.gm-ui-hover-effect {
	display: block !important;
	position: relative !important;
	background-color: #1c71b8 !important;
	color: #ffffff !important;
	float: right !important;
	top: 10px !important;
	right: 10px !important;
	height: 28px !important;
	width: 28px !important;
	background-size: 12px !important;
	background-position: 8px 8px !important;
	border-radius: 50px !important;
	background-image: url('../images/close.png') !important;
	background-repeat: no-repeat !important;
	text-decoration: underline !important;
	cursor: pointer !important;
	margin-bottom: 10px !important;
	margin-right: auto !important;
	/*transition: transform 0.5s ease-in-out !important;*/
	z-index: 999999 !important;
	opacity: 1 !important;
	min-height: 28px;
}
/*.gm-style-iw-chr{
	max-height:35px;
}*/
.ignore-box-sizing {
	box-sizing: content-box !important;
}

button:focus {
	outline: none !important;
}

.lineCheckbox input.crowdSourcedItem:checked ~ .checkmark {
	background-color: #e74c3c;
	border-color: #e74c3c;
}

/*.notification {
	position: fixed;
	top: 86px;
	right: 20px;
	background-color: #1c71bb;
	color: white;
	padding: 3px 10px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease;
	z-index: 999999;
}

	.notification.show {
		opacity: 1;
		pointer-events: auto;
	}*/

.notification {
	position: absolute;
	background-color: #1c71bb;
	color: white;
	padding: 3px 10px;
	border-radius: 40px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	/*transition: opacity 0.3s ease;*/
	z-index: 999999;
}

	.notification.show {
		opacity: 1;
	}

.topAdd {
	top: 110px;
}

/*.editBtn {
	padding: 4px 10px;
	font-size: 14px;
	cursor: pointer;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 4px;
}

	.editBtn:hover {
		background-color: #0056b3;
	}*/
/*.updateProfile {
	z-index: 99999;
	display: block;
	position: absolute;
	background-color: #1c71b8;
	color: #ffffff;
	width: 30px;
	height: 30px;*/
/*top: 7px;*/
/*border-radius: 50px;
	background-image: url(../images/edit.png);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center center;*/
/*left: 90%;*/
/*margin-left: -20px;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	cursor: pointer;
}*/
.updateProfile {
	left: 10%;
	z-index: 99999;
	display: inline-block;
	position: relative;
	background-color: #1c71b8;
	color: #ffffff;
	width: 25px;
	height: 25px;
	top: 7px;
	border-radius: 50px;
	background-image: url(../images/edit.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
	/* left: 90%; */
	margin-left: -20px;
	/*transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;*/
	cursor: pointer;
}

	.updateProfile:hover {
		/*transform: scale(1.2);*/
		content: "Add/Update";
	}



#beforeRegister {
	display: block;
	position: absolute;
	top: 14%;
	left: 32%;
	width: 34%;
	height: 55%;
	/* transition: left 0.5s; */
	z-index: 1;
	/* max-width: 600px; */
	box-shadow: 0 5px 15px 0 #999999;
	border: 1px solid #aaa;
	border-radius: 20px;
}

.verifyFieldType {
	max-width: 600px;
	width: 100%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	font-size: 18px;
	box-sizing: border-box;
}

.dvVerify {
	text-align: center;
	padding: 10px 25px;
}

.buttonVerify {
	max-width: 500px;
	width: 100%;
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
}

	.buttonVerify:hover {
		background-color: #0056b3;
	}

.before-verify {
	/*transition: transform 0.3s ease;*/
	padding: 20px;
	margin-top: 90px;
}

	/* Hidden: moved up by 100% of its height */
	.before-verify.hidden {
		/*transform: translateY(-100%);*/
		opacity: 0;
		pointer-events: none;
	}

	/* Visible: default position */
	.before-verify:not(.hidden) {
		/*transform: translateY(0);*/
		opacity: 1;
		pointer-events: auto;
	}

.btnContinue {
	max-width: 500px;
	width: 100%;
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
}

	.btnContinue:hover {
		background-color: #0056b3;
	}

.required {
	color: red;
	font-weight: bold;
}

#countdown2 {
	position: absolute;
	top: 10px;
	left: 0;
	color: white;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	border-radius: 6px;
	font-size: 16px;
}

/*.timerbutton-wrapper {
	display: inline-block;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 22px 14px;
	position: relative;
	float: left;
	z-index: 1000;
	top: 32px;
	max-height: 55px;
	max-width: 150px;
	width: 100%;
	height: 97%;
}
*/
#actionButton {
	padding: 12px 24px;
	font-size: 16px;
	border-radius: 15px;
	border: none;
	background-color: #e62928;
	color: white;
	cursor: pointer;
	position: relative;
	max-width: 150px;
	width: 100%;
	height: 30px;
}

/* Modal background */
.modal {
	display: none; /* Hidden by default */
	position: fixed;
	/*top: 15%;*/
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.5);
	/*max-width: 350px;*/
}

/* Modal content box */
.modal-content {
	background-color: #fff;
	margin: 15% auto;
	padding: 20px;
	width: 400px;
	border-radius: 8px;
	position: relative;
	align-items: center;
}

/*.generalnotification {
	position: relative;
	background-color: #1c71bb;
	color: white;
	padding: 3px 10px;
	border-radius: 40px;
	white-space: nowrap;
	opacity: 1;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 99999;
	top: 80px;
	float: right;
	margin-right: 50%;
}*/
.generalnotification {
	position: fixed !important; /* Use fixed to center relative to the viewport */
	top: 40% !important;
	left: 50% !important;
	/*transform: translate(-50%, -50%);*/ /* Perfectly center the box */
	background-color: #1c71bb !important;
	color: white !important;
	padding: 15px 30px !important; /* Increase padding for size */
	border-radius: 40px !important;
	white-space: nowrap !important;
	opacity: 0 !important;
	pointer-events: none !important;
	/*transition: opacity 0.3s ease;*/
	z-index: 99999 !important;
	font-size: 18px !important; /* Optional: increase font size for better readability */
}


	.generalnotification.show {
		opacity: 1 !important;
	}

.hoverInfo {
	border-bottom: dashed 1px #333333;
}

.profileFocusWindow {
	max-height: 180px;
	overflow-y: auto;
	margin-bottom: 3%;
}

.profile-image-editlink {
	display: inline-block;
	position: absolute;
	width: 140px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 50px;
	left: 10px;
	border: 1px solid #333333;
	background-color: #dddddd;
	cursor: pointer;
	opacity: .3;
}

.profile-image-deletelink {
	display: inline-block;
	position: absolute;
	width: 140px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 80px;
	left: 10px;
	border: 1px solid #333333;
	background-color: #dddddd;
	cursor: pointer;
	opacity: .3;
}


.counter {
	background-color: #e62928;
	color: white;
	width: 21px;
	height: 21px;
	border-radius: 50px;
	/*background-position: 8px 12px;
	text-decoration: underline;*/
	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: -19px;
	align-content: center;
	text-align: center;
	top: -39px;
	font-size: 12px;
}

.counter1 {
	background-color: #e62928;
	color: white;
	width: 21px;
	height: 21px;
	border-radius: 50px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: -19px;
	align-content: center;
	text-align: center;
	top: -25px;
	font-size: 12px;
}

.butonsAdvSearch {
	opacity: 1;
	visibility: visible;
	background-color: #e62928;
	color: #fff;
	border-radius: 40px;
	padding: 10px 25px;
	border: 0;
	font-size: 18px;
	/*transition: all 0.3s ease-in-out;*/
	cursor: pointer;
	float: right;
}



.modalscore {
	display: none;
	position: fixed;
	padding-top: 60px;
	/*left: 50px;*/
	top: 68px;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.4);*/
	z-index: 1052;
}

.modalscore-content {
	background: #fff;
	margin: auto;
	padding: 20px;
	width: 90%;
	max-width: 1000px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3);
	border: 1px solid #AAA;
	margin-top: 10px;
	padding-bottom: 30px;
}

/*.close {
	float: right;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
}*/

.white-text {
	color: white;
}

.hide {
	display: none;
}

#metricsTable {
	pointer-events: auto;
	width: 100%;
}

.dvMetricTable {
	max-height: 450px;
	overflow-y: auto;
}

#metricsTable thead th {
	position: sticky;
	top: 0;
	background: #f5f5f5;
	z-index: 2;
	text-align: center;
	padding: 8px;
	border-bottom: 2px solid #ccc;
	font-size: 11pt;
}

.close {
	background-color: #1c71b8;
	color: #ffffff;
	float: right;
	width: 28px;
	height: 28px;
	border-radius: 50px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 8px 8px;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: auto;
	/*transition: all 0.6s ease-in-out;*/
	margin-top: -5px;
	margin-left: -120px;
	opacity: 1;
}


	.close:hover {
		background-color: #1c71b8;
		animation: rotate 0.5s linear;
		/*transition: all 0.6s ease-in-out;*/
	}

#metricsTable td {
	font-size: 8pt;
	padding: 4px; /* Optional: improve readability */
	font: 9pt Verdana, Tahoma, Sans-Serif;
}

.ScoreheaderInfo {
	margin-left: 30%;
	font-size: 11pt;
	color: red;
	font-style: italic;
}

#metricsTable tr.even {
	background-color: #FAFAFF;
}

#metricsTable tr.odd {
	background-color: #FFFFFF;
}

.scale-wrapper {
	/*transform: scale(0.75);
	transform-origin: top left;*/
	width: 117.65%; /*= 100 / 0.85, prevents content from being cut off */
}
/*.ui-autocomplete-input{
	zoom:.75;
	font-size:14px !important;
}*/
/*.ui-autocomplete {
	font-size: 75% !important;
	line-height: 1.2;*/ /* tighter vertical spacing */
/*}
.ui-menu-item {
	padding: 2px 8px !important;*/ /* reduce padding */
/*}

.ui-menu-item-wrapper {
	padding: 2px 8px !important;
}*/

.autocomplete-zoomed {
	font-size: 75% !important;
	line-height: 1.2;
}

	.autocomplete-zoomed .ui-menu-item,
	.autocomplete-zoomed .ui-menu-item-wrapper {
		padding: 2px 8px !important;
	}

/*.comboboxes{
	zoom:.75;
}*/

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

table.dataTable thead tr th {
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

table.dataTable tr.item-disabled td {
	background-color: #FFEEEE;
}

table.dataTable thead tr > th.not-sortable {
	width: 20px;
	padding-left: 5px;
	padding-right: 0;
}

table.dataTable a span.glyphicon {
	margin-right: 0;
}

div.dataTables_wrapper .dataTables_filter {
	margin-bottom: 6px;
}

div.dataTables_wrapper table.Content {
	margin-top: 6px;
}

div.dataTables_wrapper .dataTables_scrollBody table.Content {
	margin-top: 0;
}

.sync-review .dataTables_wrapper .dataTables_filter,
.sync-review .dataTables_wrapper .dataTables_length {
	float: left;
	margin-top: 0;
	margin-right: 50px;
}

.practicelist-wrapper .dataTables_wrapper .dataTables_filter, .practicelist-wrapper .dataTables_wrapper .dataTables_length {
	float: left;
	margin-top: 0;
	margin-right: 50px;
}

.providerlist-wrapper .dataTables_wrapper .dataTables_filter, .providerlist-wrapper .dataTables_wrapper .dataTables_length {
	float: left;
	margin-top: 0;
	margin-right: 50px;
}

body.page-hospital-notifications .dataTables_wrapper .dataTables_filter {
	float: left;
	margin-left: 50px;
}

table.form td.label, table.view td.label {
	text-align: right;
	color: #555555;
}

table.border {
	border: 1px solid gray;
}

	table.border th, table.border td {
		border: 1px solid gray;
	}

		table.border td td {
			border-width: 0;
		}

table.form {
	border-collapse: separate;
	border-spacing: 1px;
}

	table.form td {
		padding: 0 4px 0 0;
	}

	table.form tr.separate > td {
		padding-top: 6px;
	}

	table.form td.full_input {
		padding: 0 10px 0 0;
	}

		table.form td.full_input input {
			width: 100%;
		}

table.view th, table.view td {
	padding: 0 4px 0 0;
}

table.Content {
	border-width: 0;
	border-collapse: collapse;
}

	table.Content th, table.Content tr.th td {
		padding: 2px 4px !important;
		border: solid 1px #DDDDDD !important;
		color: #666666 !important;
		font-size: 9pt;
		font-weight: bold !important;
		background-color: #F1F1F1 !important;
		font: 16px "poppins", Serif !important;
	}

	table.Content td {
		padding: 1px 4px;
		border: solid 1px #DDDDDD;
		font-size: 9pt;
		font: 16px "poppins", Serif;
	}

	table.Content tr th input[type='checkbox'] {
		margin: 2px;
		padding: 0;
		width: 13px;
		height: 13px;
	}

	table.Content tr td input[type='checkbox'] {
		margin: 2px;
		padding: 0;
		width: 13px;
		height: 13px;
	}

table tr.odd {
	background-color: #FFFFFF !important;
}

table tr.even {
	background-color: #F7F7F7 !important;
}

table tr.hover {
	background-color: #FFFFE1 !important;
}

table tr.pendingexpire {
	background-color: #FFE7B5;
}

table tr.expired {
	background-color: #FFE1E1;
}

table tr.new {
	background-color: #FFE7B5;
}

table tr td.rightborder, table tr th.rightborder {
	border-right: 2px solid #AAAAAA;
}

table tr td.leftborder, table tr th.leftborder {
	border-left: 2px solid #AAAAAA;
}

table tr.hover-row td {
	border-top-color: #EC2024;
	border-bottom-color: #EC2024;
	background-color: #FFFFE1;
}

	table tr.hover-row td.left {
		border-left-color: #EC2024;
	}

	table tr.hover-row td.right {
		border-right-color: #EC2024;
	}

table tr.hover-row-above td, table tr.hover-row-above th {
	border-bottom-color: #EC2024;
}

table.Content a:link {
	color: #000077;
}

table.Content a:visited {
	color: #000077;
}

table.Content a:hover {
	color: #0000EE;
}

table.Content a:active {
	color: #000077;
}

table.Content th a:link {
	color: #666666;
}

table.Content th a:visited {
	color: #666666;
}

table.Content th a:hover {
	color: #111111;
}

table.Content th a:active {
	color: #111111;
}

tr.th td, td.th {
	font-weight: bold;
	background-color: #333333;
	color: #FFFFFF;
	padding: 2px 4px;
}

tr.gray td {
	background-color: #F6F6F6;
	color: #000000;
	font-weight: bold;
	line-height: 20px;
}

tr.heavyBorder td {
	border-bottom-width: 2px;
}

table.noborder tr td {
	border: 0;
	padding: 0 4px;
}

	table.noborder tr td.left {
		padding: 0 4px 0 0;
	}

	table.noborder tr td.right {
		padding: 0 0 0 4px;
	}

table.dataTable thead tr th {
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

table.dataTable tr.item-disabled td {
	background-color: #FFEEEE;
}

table.dataTable thead tr > th.not-sortable {
	width: 20px;
	padding-left: 5px;
	padding-right: 0;
}

table.dataTable a span.glyphicon {
	margin-right: 0;
}

div.dataTables_wrapper .dataTables_filter {
	margin-bottom: 6px;
}

div.dataTables_wrapper table.Content {
	margin-top: 6px;
}

div.dataTables_wrapper .dataTables_scrollBody table.Content {
	margin-top: 0;
}

.dataTables_info {
	margin-left: 26px;
}

.createPassword-flex-container {
	display: flex;
	gap: 10px;
}

.createVerifyPasswordContainer {
	display: flex;
	gap: 10px;
}

.dvCreateVerificationCode {
	display: flex;
	gap: 10px;
}

.btnCreateVerificationCode {
	width: 48% 232.188px;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s;*/
	margin-top: 15px;
}

	.btnCreateVerificationCode.active {
		display: block;
		opacity: 1;
	}

.txtCreateVerificationCode {
	width: 30%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 15px;
	/*margin-bottom: 5px;*/
	margin-top: 16px;
	font-size: 18px;
	box-sizing: border-box;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s, transform 0.5s;*/
}

	.txtCreateVerificationCode.active {
		display: block;
		opacity: 1;
	}

.btnLoginVerificationCode {
	width: 48% 232.188px;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	display: block;
	opacity: 1;
	/*transition: opacity 0.5s;*/
	margin-top: 15px;
}

	.btnLoginVerificationCode.active {
		display: block;
		opacity: 1;
	}

.txtLoginVerificationCode {
	width: 30%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 15px;
	/*margin-bottom: 5px;*/
	margin-top: 16px;
	font-size: 18px;
	box-sizing: border-box;
	display: block;
	opacity: 1;
	/*transition: opacity 0.5s, transform 0.5s;*/
}

	.txtLoginVerificationCode.active {
		display: block;
		opacity: 1;
	}

.contentMenu a.disabled {
	pointer-events: none;
	color: gray;
	cursor: not-allowed;
	text-decoration: none;
	opacity: 0;
	display: none;
}

.dvVerifyInvite {
	display: flex;
	margin-bottom: 5px;
}

.btnInviteVerifyVerificationCode {
	width: 48% 232.188px;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s;*/
	margin-top: 15px;
}

	.btnInviteVerifyVerificationCode.active {
		display: block;
		opacity: 1;
	}

.txtInviteVerifyVerificationCode {
	width: 30%;
	border: solid 1px #c8d5dc;
	background-color: #fff;
	border-radius: 40px;
	padding: 10px 15px;
	/*margin-bottom: 5px;*/
	margin-top: 16px;
	font-size: 18px;
	box-sizing: border-box;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s, transform 0.5s;*/
}

	.txtInviteVerifyVerificationCode.active {
		display: block;
		opacity: 1;
	}

.butonsVerify_ {
	width: 50%;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	display: none;
	opacity: 0;
	/*transition: opacity 0.5s;*/
	margin-top: 15px;
}

	.butonsVerify_.active {
		display: block;
		opacity: 1;
	}

.forgotUserNameSendButton {
	border-radius: 40px;
	width: 29%;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	/* display: none; */
	/* opacity: 0; */
	/*transition: opacity 0.5s;*/
}

.updateTempPassword-button {
	border-radius: 40px;
	width: 74%;
	padding: 12px;
	background-color: #e62928;
	color: white;
	border: none;
	border-radius: 40px;
	cursor: pointer;
	/* display: none; */
	/* opacity: 0; */
	/*transition: opacity 0.5s;*/
}

.mandatoryfields {
	width: 96% !important;
}

.searchbutton-disabled {
	opacity: .35 !important;
}

.selectSpeciality::-webkit-scrollbar {
	width: 8px;
}

.selectSpeciality::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.selectSpeciality::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 10px;
}

.disabledChkBox {
	pointer-events: none; /* Prevent clicks */
	cursor: not-allowed; /* Show "disabled" cursor */
}

.expressDashboard {
	position: fixed;
	width: 98%;
	height: 107%;
	padding: 0 10px 90px 10px;
	z-index: 1;
	top: 160px;
	display: block;
	left: 22px;
	border-radius: 20px;
	border: 1px solid #aaa;
	background-color: #f8f9fa;
	box-shadow: 0 5px 10px 0 #999999;
	margin-top: -24px;
	height: 75%;
}

.closeExpressDashboard {
	display: block;
	position: relative;
	z-index: 9999;
	float: right;
	background-image: url(../images/close.png);
	background-position: center center;
	background-repeat: no-repeat;
	top: -44px;
	width: 45px;
	height: 45px;
	background-size: 23px;
	border-radius: 45px;
	background-color: #1c71b8;
}

	.closeExpressDashboard:hover {
		animation: rotate 0.5s linear;
		background-color: #1c71b8;
	}

.pageTitle,
.pageTitleSearchResultsHeader {
	display: block;
	font-weight: 600;
	font-size: 28px;
	color: #1c71b8;
	text-align: center;
	padding: 5px 15px;
	padding-top: 8px;
}

.dashboardFrame {
	width: 100%;
	height: 97%;
	border: none;
}

/* Let content overflow so our hover panel can show */
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d {
	//overflow: visible !important;
}

.profileMap {
	position: relative;
}

.profileMapCanvas {
	height: 260px;
	min-height: 260px;
}


.hoverCard {
	display: none;
	position: absolute;
	width: 350px;
	height: 185px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	padding: 8px;
	z-index: 1050;
	pointer-events: auto;
	margin-left: 22px;
	margin-top: 22px;
	background: white;
	border: gray solid thin;
	opacity: 98 %;
	padding-left: 5px;
	padding-top: 5px;
}


.iw-content {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	max-width: 500px;
	margin-left: -4px;
	margin-right: 8px;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.headerTextSub {
	font-family: "Poppins", serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 18px !important;
	color: #212529 !important;
}

.gm-ui-hover-effect span[style*="mask-image"] {
	display: none !important;
}

div.itemBox {
	scroll-margin-top: 10px;
	scroll-margin-bottom: 10px;
}

.tblInvitationsTable {
	width: 100% !important;
	table-layout: fixed; /* key when columns are narrow */
}

.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table {
	width: 100% !important;
}

.contentMenu a {
	position: relative; /* allow badge positioning */
	display: block; /* usually menus are block */
	padding-right: 28px; /* space for badge on right */
}

	.contentMenu a .menuBadge {
		position: relative;
		/*right: 120px;*/
		left: 5px;
		top: -7px;
		/*top: 50%;*/
		transform: translateY(-50%);
		min-width: 18px;
		height: 18px;
		padding: 0 6px; /* supports 10+, 100+ */
		border-radius: 999px;
		background: #e53935;
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
		font-weight: 700;
		box-sizing: border-box;
	}
.matchList {
	display: flex;
	gap: 22px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 16px;
}

.matchCol {
	min-width: 140px;
}

.matchRow {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 2px 0;
	white-space: nowrap;
}

.matchIcon {
	width: 14px;
	text-align: center;
	font-weight: 700;
}

	.matchIcon.ok {
		color: #1f8a2c;
		font-weight: bolder !important; /* bold icon */
		font-size: 19px; /* optional: slightly bigger */
	}

	.matchIcon.bad {
		color: #c62828;
		font-weight: bolder !important; /* bold icon */
		font-size: 19px; /* optional: slightly bigger */
	}

	.matchIcon.unk {
		color: #444;
		/*font-weight: bolder !important;*/ /* bold icon */
		font-size: 19px; /* optional: slightly bigger */
	}
/* hover container (the icon/legend area) */
.matchLegendWrap {
	position: relative;
	display: inline-block;
}

/* the tooltip box */
.matchLegendTip {
	display: none;
	position: absolute;
	left: 0; /* you can change to right:0 if you want */
	top: 100%;
	margin-top: 8px;
	width: 320px;
	background: #fff;
	border: 1px solid #2b74c8;
	padding: 10px 12px;
	z-index: 9999;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	font-size: 12px;
	line-height: 1.25;
}

/* show tooltip on hover */
.matchLegendWrap:hover .matchLegendTip {
	display: block;
}

/* optional little arrow */
.matchLegendTip:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 18px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #2b74c8;
}

.matchLegendTip:after {
	content: "";
	position: absolute;
	top: -7px;
	left: 18px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}
.matchLegendTip .tipIcon {	
	line-height: 1;
	display: inline-block;
	width: 16px;
	text-align: center;
	margin-right: 6px;
}

.matchLegendTip .tipOk {
	color: #1a8f2a;
}
/* green */
.matchLegendTip .tipNo {
	color: #e62928;
}
/* red */
.matchLegendTip .tipUnk {
	color: #777;
}
/* gray */