/**** LOGIN CSS ***/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body {
	font-family: 'Inter', sans-serif;
}

:root {
	--side_list: 400px;
	--side_listxs: 300px;
}

* {
	padding: 0px;
	margin: 0px;
}
.search_div {
	width: calc(100% - 8px) !important;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(228, 224, 224);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 14px 54px;
	position: absolute;
	border-radius: 2px;
	height: auto;
	min-height: 70px;
	max-height: 200px;
	overflow-y: auto;
	padding: 10px;
	width: 100%;
	top: 34px;
	left:0;
	z-index:9999;
}

.ul-list{
	list-style-type:none;
}
.search_div ul {
    padding: 0px;
	margin:0px;
}
.search_div ul li {
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #f3eeee;
}
.search_div ul li a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    display: block;
    width: 100%;
    padding: 5px 8px;
}
h3.not_found_search {
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}
.Login_section {
	background: linear-gradient(170.63deg, rgba(51, 186, 211, 0.2) -74.96%, rgba(255, 255, 255, 0) 43.17%), #FFFFFF;
	/* height: 100vh; */
	font-family: 'Inter', serif;
	position: relative;
	overflow: hidden;
}

.Login_section::before {
	content: "";
	width: 300px;
	position: absolute;
	background: rgba(247, 247, 247, 0.21);
	height: 300px;
	border-radius: 100%;
	right: -48px;
	top: -130px;
}

/* .Login_section::after{
    content: "";
    width: 300px;
    position: absolute;
    background:red;
    height: 300px;
    border-radius: 100%;
    right: 0;
} */
.main_row {
	/* padding-top: 150px; */
	align-items: center;
}

.left_side {
	padding-right: 100px;
}

.left_text {
	padding-bottom: 20px;
}

.left_text h2 {
	font-size: 24px;
}

.left_text p {
	color: rgba(62, 61, 61, 0.52);
	font-size: 14px;
}






.NewHeader-nav .form-control {
	height: 35px !important;
	padding: 0 10px;
	border: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	font-size: 14px;
}

.NewHeader-nav .form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #ebebeb;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(255 255 255);
	height: 35px;
}

.email_text {
	color: rgba(62, 61, 61, 0.52);
	font-size: 13px;
}

.password_text {
	color: rgba(62, 61, 61, 0.52);
	font-size: 13px;
}

.eyeicon {
	position: relative;
}

.eyeicon i {
	position: absolute;
	top: 41px;
	right: 25px;
}

.Login_button {
	width: 100%;
	margin-top: 34px;
	padding: 10px;
	background: #33B0CE !important;
	/* box-shadow: 0px 3.09598px 26.3158px rgba(51, 176, 206, 0.23); */
	border: none !important;
}

.Login_button:focus,
.Login_button:hover {
	background: #2195b1;
	/* box-shadow: 0px 3.09598px 26.3158px rgb(51 176 206 / 23%); */
}

.Forgot_password {
	text-align: center;
	padding-top: 20px;
}

.Forgot_password a {
	text-decoration: none;
	color: #000;
}

.right_side {
	padding-left: 100px;
}

.right_side h2 {
	font-size: 24px;
	text-align: center;
}

.right_side p {
	color: rgba(62, 61, 61, 0.52);
	text-align: center;
	font-size: 14px;
}

.main_img {
	width: 385px;
	padding-top: 25px;
}

.main_img img {
	width: 100%;
}

@media (max-width:576px) {
	.left_side {
		padding: 0px;
	}

	.right_side {
		padding-left: 0px;
		display: none;
	}

}

@media (max-width:768px) {
	.left_side {
		padding: 0px;
	}

	.right_side {
		padding-left: 0px;
	}


}

@media (max-width:991px) {
	.left_side {
		padding: 0px;
	}

	.right_side {
		padding-left: 0px;
	}

	.main_img {
		width: auto;
		padding-top: 25px;
	}
	.referralschatList .chatlist-document {
		height: auto ;
		overflow-y:inherit;
	}

}


/**** LOGIN CSS END ***/


/****NAVBAR START ****/

.NewHeader-nav {
	background: #57C7DA;
	padding-right: 30px;
	width: 100%;
	z-index: 999;
	position: fixed;
}

.Newheader-input {
	width: 500px !important;
	background: #D7F2F6;
	border: none !important;
}

.newheader-btnn {
	border-radius: 9px;
	margin-right: 23px;
	/* font-size:16px !important; */
}


.header-logo {
	padding-right: 16px;
}


.mobile-view-btnn {
	border: 1px solid #33B0CE;
	border-radius: 10px;
	margin-left: 12px;
	min-height: 37px;
	line-height: 3;
	padding: 0px 12px 0px 12px !important;
}


.newHeader-post-patient {
	border: 1px solid #FFFFFF;
	color: #FFFFFF !important;
	font-size: 13px;
}

a.nav-link.active {
	background: #FFFFFF !important;
	/* font-size:16px !important; */
}

.Newheader-content {
	display: flex;
	align-items: center;
}

.Newheader-ul {
	align-items: center;
}

.Newheader-content .fa-chevron-down {
	padding: 0px 23px 0px 4px;
	color: #FFFFFF;
}

.Newheader-navbar-items {
	padding-left: 27px;
}


.mobileview-nav-btnn {
	display: block;
}


.mobile-btn {
	background: #33B0CE !important;
	color: #FFFFFF !important;


}

.mobile-design-btnn {
	padding-top: 23%;
	display: none;
}


.mobileview-ul {
	list-style-type: none;
	display: flex;
}


a.mobile-btn.active {
	background: #33B0CE !important;
	color: #FFFFFF !important;
}

.mobile-view-btnn {
	border: 1px solid #33B0CE;
	border-radius: 10px;
	margin-left: 12px;
}

.mobileview-ul {
	padding: 0;
}

.mobile-view-search-icon {
	display: none;
}



@media screen and (max-width:683px) {
	.mobile-view-search-icon {
		display: block;
		font-size: 20px;
		color: #FFFFFF;
		padding-right: 23px;
	}
}

@media screen and (max-width:445px) {
	.mobileview-ul {
		flex-direction: column;
	}

}

@media screen and (min-width:990px) and (max-width:1278px) {
	.Newheader-input {
		width: 300px !important;

	}

}


@media screen and (min-width:990px) and (max-width:1069px) {

	a.nav-link.active {
		font-size: 14px !important;
	}
}


@media screen and (min-width:990px) and (max-width:1090px) {

	a.nav-link.active {
		font-size: 13px !important;
	}

	.newHeader-post-patient {
		font-size: 13px;
	}


}

@media screen and (max-width:992px) {
	.mobileview-nav-btnn {
		display: none;
	}
	.search_div{
		display:none;
	}

	.mobile-design-btnn {
		display: flex;
	}


}


.NewHeader-nav {
	padding: 0px;
}


@media screen and (max-width:992px) {

	.Page_content {
		padding-top: 101px !important;
	}

	.Newheader-input {
		width: 300px !important;
	}
}

@media screen and (max-width:683px) {
	.Newheader-input {
		display: none !important;
	}

	.mobile-view-searchbar {
		display: block !important;
	}
}

@media screen and (max-width:416px) {
	.NewHeader_logo {
		width: 130px !important;
		padding-right: 0px;
	}

	.header-logo {
		padding-right: 0px !important;
	}
}

.Page_content {
	padding-top: 101px;
}


.navbar-toggler {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	color: none !important;
}

/* notification page */

.notification_page_ui,
.document-page-ui {
	padding-top: 133px !important;
}

.Page_content {
	margin-left: 90px !important;
}

.Newheader-img-holder {
	padding: 0;
	width: 40px;
	height: 40px;
}

.Newheader-img-holder img {
	width: 100%;
}


.dropdown-menu.show {
	margin-top: 11px !important;
	position: absolute;
}

@media (max-width: 991px) {
	.Page_content {
		margin-left: 0px !important;
		padding: 40px;
	}

	.dropdown-menu.show {
		margin-top: 16px !important;
		position: absolute;
	}
}

@media (max-width:575px) {
	.mobile-view-btnn {
		margin-top: 34px;
		font-size: 12px !important;
		margin-left: 0px !important;
	}
}


/****NAVBAR End ****/


/*** SIDE BAR START***/
.Newsidebar-div {
	float: left;
	width: 90px;
	border-right: 1px solid rgba(0, 0, 0, 0.13);
	min-height: 100vh;
	background: #FFFFFF;
	position: fixed;
	top: 55px;
	/* overflow: hidden; */
	bottom: 0;
	left: 0;
	z-index: 999;
}

.dropend .dropdown-toggle::after {
	display: none;
}

.Newsidebar-div ul {
	padding: 0px;
	margin: 0 auto;
	padding-top: 13px;
}


.Newsidebar-div ul li a {
	color: #646464;
	list-style-type: none;
	text-decoration: none;
}

.Newsidebar-div ul li a:hover {
	color: #57c7da;
	border-color: #57c7da;
}


.Newsidebar-div ul li {
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	/* padding-top: 24px; */
	border-left: 1px solid transparent;
	margin-bottom: 25px;
	padding-bottom: 5px;
}


.navbar-light .navbar-nav .nav-link.active i {
	color: #33b0d0 !important;
	/* border-left:1px solid #57c7da !important;  */
}

.li.nav-item:active {
	border-left: 2px solid #57c7da !important;
}


.newheader-span {
	display: block;
	font-size: 13px;
	padding-top: 3px;
}

.Newsidebar-div i {
	font-size: 24px;
	display: block;
}


@media (max-width:990px) {
	.Newsidebar-div {
		top: 58px;
		transform: translate3d(-100%, 0, 0);
		transition: all .2s ease-in;
	}

	.open .Newsidebar-div {
		transform: translate3d(0%, 0, 0);

	}

	.open .section {
		/* transform: translate3d(100px, 0, 0); */
		transition: all .2s ease-in;
	}

	.open .mobile-header-btnn {
		transform: translate3d(100px, 0, 0);
		transition: all .2s ease-in;
	}

}


li.nav-item .nav-linking.active {
	color: #33b0d0 !important;
}

/* li.nav-list:active {
	border-left: 3px solid #646464 !important;
	margin-left: 5px !important;
} */

li.nav-li.nav-list:focus {
	border-left: 3px solid red !important;
}


@media screen and (min-width: 990px) and (max-width: 1032px) {

	.Newsidebar-div {
		top: 88px;
	}

}


@media (max-width:992px) {
	/* .referralschatList.active {
		display: none;
		background: red;
		margin: 0;
		position: unset;
		width: 100%;
		margin-bottom: 70px;
		height: 200px !important;
		overflow-x: auto !important;
	} */


	.chatList-inner {
		padding: 0 !important;
	}

	.chatList-inner h2 {
		text-align: left !important;
	}

	.Page_content.refereal-actity-page {
		margin-left: 0px !important;
	}
}


li.nav-item .nav-linking.active {
	color: #33b0d0 !important;
	border-color: #33b0d0 !important;
}


.Newsidebar-div ul li {
    text-align: center;
    margin-bottom: 12px;
    padding: 0px 1px;
}


.Newsidebar-div ul li a {
	color: #646464;
	list-style-type: none;
	text-decoration: none;
	border-left: 2px solid transparent;
	display: block;
}


.newheader-span {
	display: block;
	font-size: 11px;
	padding-top: 3px;
	line-height: 15px;
}

/***SIDEBAR END **/


/***dashboard css ***/

.Page_content {
	margin-left: 90px !important;
}

.Page_content {
	background: #fff;
	margin-left: 147px;
	min-height: 100vh;
	padding: 67px 40px 40px;
}

.page-top-insights {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.page-top-insights .insight-box {
	max-width: 200px;
	padding: 15px;
	width: 100%;
}

.Total_Patients,
.Total_document,
.Total_od {
	padding: 10px 20px;
	border-radius: 14px;
}

.Total_Patients {
	background: #fc8787;
	color: #fff;
}

.Total_document {
	background: #5295FB;
	color: #fff;
}

.Total_od {
	background: #76AC92;
	color: #fff;
}

.total_patients_icon svg {
	color: #fff;
	font-size: 35px;
}

.page-top-insights .insight-box .text_232 {
	margin-bottom: 0;
}

.text_232 {
	color: #dca95e;
	font-size: 30px;
	font-weight: 700;
}

.text_342 {
	color: #c87f7f;
	font-size: 30px;
	font-weight: 700;
}

.total_patients_icon {
	text-align: end;
}

.doc_card {
	border: 1px solid #eeeeee;
	border-radius: 8px;
	position: relative;
	min-height: 376px;
}

.doc_card_img_box {
	width: 100%;
	height: 250px;
	background: #f9f9f9;
}

.doc_card_img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.doc_card_content {
	padding: 15px;
}

.doc_card_content h5 {
	font-size: 16px;
	font-weight: 600;

	margin-bottom: 5px;
}

.doc_card_content p {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0px;
	opacity: .6;
}

.doc_card_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #57c7da47;
	border-radius: 8px;
	opacity: 0;
	transition: all .3s ease;
}

.doc_card_overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 100%;
	color: #57c7da;
}

.doc_card:hover .doc_card_overlay {
	opacity: 1;
}

table th {
	background: #FAFBFC !important;
	border: 0 !important;
	padding: 15px 10px !important;
	font-size: 14px;
	color: #8495B1;
}

table th:first-child {
	border-radius: 5px;
}

table th:last-child {
	border-radius: 5px;
}

table td {
	font-size: 14px;
	opacity: .6;
}

a.link-text {
	text-decoration: none;
	color: #57c7da;
	font-weight: 600;
}

/****Referral List START***/
.referral_page {
	display: flex;
	padding: 55px 40px 0px 0;
}

.referralschatList {
	border-right: 1px solid #cccccc;
	width: var(--side_list);
	background: #FCFCFC;
	/* min-height: 100vh; */
	overflow-y: auto;
}

.searchicon {
	position: relative;
	margin-top: 19px;
}

.chat-searcIcon input {
	border-radius: 6px;
	height: 45px;
	padding-left: 30px;
	font-size: 13px;
}

.searchicon.chat-searcIcon svg {
	top: 14px;
	position: absolute;
	left: 10px;

}

.referral_page .ms_content_area {
	width: calc(100% - var(--side_list));
	padding: 0 20px;
	position: relative;
}

.chatList-inner {
	padding: 20px 20px 20px 20px;
}

.chatlist-document {
	height: calc(calc(100vh * .99) - 188px) ;
	overflow-y: auto;
}

ul.chatUser-allList {
	padding: 0px 6px;
	margin: 0px;

	/* flex-direction: column; */
}

section.Patient_journy_detail {
	height: calc(80vh);
	overflow-y: auto;
	Padding-bottom:111px;
}

.chatUser-allList .nav-item {
	width: 100%;
	margin-bottom: 2px;
}

ul.chatUser-allList li .active,
ul.chatUser-allList li:hover {
	background: #fff;
}

ul.chatUser-allList li a {
	width: 100%;
	padding: 10px 10px;
	display: flex;
	gap: 12px;
	text-decoration: none;
}

.chatUser-img {
	/* width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #ffffff; */
	color: black;
	width: 50px;
	text-align: center;
	height: 50px;
	/* overflow: hidden; */
	border-radius: 50px;
	border: 1.5px solid #FFFFFF;
	display: block;
	align-items: center;
	display: flex;
	justify-content: center;
	background: #ffffff;

}

.chatUser-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.chatUser-name {
	width: calc(100% - 60px);
}

.chatUser-name h2 {
	font-weight: 600;
	font-size: 15px;
	line-height: 19px;
	color: #263238;
	margin-bottom: 5px;
}

.chatUser-name p {
	font-size: 13px;
	line-height: 17px;
	color: #8495B1;
	margin-bottom: 3px;
}

ul.chatUser-allList li .active .chatUser-name h2 {
	color: #33b0ce;
}

ul.chatUser-allList li .active .chatUser-name p {
	color: #33b0ce;
}

@media(max-width:767px) {
	.referral_page .ms_content_area {
		width: 100%;
		padding: 0 10px;
	}
}

/****Referral List END***/


.Aidan_wrapper {
	display: flex;
	padding: 0px 20px 22px;
	gap: 60px;
	border-bottom: 0.5px solid #D6D6D6;
}

.top_section {
	margin: 0 -10px;
}

.Patient_img {
	width: 40px;
}

.Patient_img img {
	width: 100%;
}

.Aidan_wrapper {
	display: flex;
	padding: 20px 10px;
	gap: 60px;
	border-bottom: 0.5px solid #D6D6D6;
}

.Aidan_Nathan_inner {
	font-size: 13px;
}

.Aidan_Nathan_inner h6 {
	color: #263238;
	margin: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
}

.Cataract_text {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #1B8098;
	margin-top: 1px;
	margin-bottom: 0;
}

.Aidan_wrapper ul#pills-tab {
	gap: 18px;
}

.Aidan_wrapper .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: #33B0CE !important;
	color: #ffff !important;
}

.Aidan_wrapper .nav-pills .nav-link {
	background: 0 0;
	border: 0;
	border-radius: 0.25rem;
	font-size: 15px;
	color: #000;
}

table.table.My_table {
	color: #455A64;
}

table.table.My_table td {
	font-weight: 500;
	font-size: 14px;
	color: #263238;
	padding: 0.8rem;
	white-space: nowrap;
	vertical-align: middle;
}

.report_img {
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	border: 2px solid #8099A6;
	border-radius: 9px;
	overflow: hidden;
	margin:0 auto;
}

.report_img img {
	width: 100%;
	height: 100%;
}

.activity_card {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	flex-grow: 1;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 10px;
}

.activity_card ul {
	margin-left: 0;
	padding-left: 0;
	position: relative;
	list-style: none;
	margin-bottom: 0;
}

.activity_card .checkedmark:before {
	background: url(../images/checkedmark-icon) no-repeat scroll center / cover;
	height: 24px;
	width: 24px;
}

.Contacted_card {
	border-radius: 10px;
	padding: 0px;
	padding-right: 28px;
}

.Patient_journy_detail .Contacted_card h6 {
	font-weight: 600;
}

.Contacted_inner {
	display: flex;
	gap: 40px;
	align-items: center;
}

.Radio_button {
	display: flex;
	gap: 20px;
	color: #000000;
	position: relative;
	z-index: 90;
}

input[type="radio"] {
	position: relative;
	margin-bottom: 0px;
	width: 15px;
	height: 15px
}

.form__radio-group label,
.Radio_button label {
	padding-left: 7px;
}

.message_file_comon_icon {
	display: flex;
	align-items: center;
	gap: 20px;
}

.chat_text_color {
	color: #000000;
}

.message_file_comon_icon .icon {
	margin-right: 6px;
}

.discription {
	font-weight: 400;
	font-size: 13px;
	line-height: 19px;
	color: #3E3D3D;
	margin-top: 6px;
	margin-bottom: 10px;
}

.Radio_button div {
	display: flex;
	align-items: center;
}

.searchicon_main {
	position: relative;
}

.searchicon_main svg {
	position: absolute;
	top: 9px;
	left: 15px;
}

.searchicon_main input {
	padding: 9px 16px;
	border-radius: 4px;
	padding-left: 40px;
	font-size: 14px;
	color: #969696;
}

.table_icon {
	display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.table_icon svg {
	color: #000 !important;
}

@media(max-width:1199px) {
	.referralschatList {
		width: var(--side_listxs);
		/* padding: 20px 11px; */
	}

	.referral_page .ms_content_area {
		width: calc(100% - var(--side_listxs));
	}

	.Newsidebar-div {
		top: 57px;
	}

	.Aidan_Nathan_inner h6 {
		color: #263238;
		margin: 0;
		font-weight: 700;
		font-size: 15px;
		line-height: 22px;
	}

	.Aidan_wrapper ul#pills-tab {
		gap: 5px;
	}

	.searchicon_main {
		position: relative;
	}

	/* .chatList-inner {
		padding: 0;
		margin-bottom: 20px;
	} */
	.chatList-inner h2 {
		text-align: left !important;
		font-size: 21px;
	}

	.chatUser-img {
		width: 40px;
		height: 40px;
	}

	.chatUser-name h2 {
		font-weight: 600;
		font-size: 14px;
		line-height: 19px;
		color: #263238;
		margin-bottom: 2px;
	}
}

@media (max-width:1300px) {

	/*  referral document css */
	.select-class-document {
		width: 140px !important;
	}
}

@media(max-width:992px) {
	.referral_page {
		margin-left: 0 !important;
		padding: 57px 0px !important;
	}


	.chatUser-allList {
		padding: 0px;
		margin: 10px 0;
	}
}

@media(max-width:767px) {
	.Aidan_wrapper {
		display: block;
	}

	.Aidan_wrapper ul#pills-tab {
		/* gap: 18px; */
		margin-top: 20px;
	}

	/* .referralschatList
	{
		display: none;
	} */
	.referral_page .ms_content_area {
		width: 100%;
	}
}

/****Referral Page END***/

@media(max-width:767px) {

	/* .Page_content {
        margin-left: 0px !important;
        padding: 80px 15px 30px 15px !important;
    } */
	.page-top-insights {
		margin: 0;
	}

	.page-top-insights .insight-box {
		max-width: 100%;
		padding: 15px 0;
		width: 100%;
	}

}

.dt-buttons {
	text-align: right !important;
}

.dt-buttons button {
	background: #57c7da !important;
	color: white !important;
	margin-bottom: 10px !important;
	padding: 5px;
	border: 1px solid #57c7da !important;
	border-radius: 10px;
}


/* design css */

.main_heading h4 {
	font-weight: 600;
}

.table-extra-div {
	padding: 0px 6px;
	margin: 0px;
	height: calc(calc(100vh * .99) - 188px) !important;
	overflow-y: auto !important;
}

.row-scroll-div {
	height: calc(calc(100vh * .99) - 188px) !important;
	overflow-y: auto !important;
}

.notification_dot::before {
	content: '';
	width: 12px;
	height: 12px;
	background: red;
	border-radius: 50%;
	position: absolute;
	/* right: 8px; */
	top: 0;
	left: 0;
}

.text-capitalize {
	position: relative;
}

.search_input {
	padding-left: 0px;
}

.form-control:focus {
	box-shadow: none;
	background: #FFFFFF;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.logo_card img {
	max-width: 178px;
}

/* Refferal page  */

.modal-dialog-modal {
	width: 467px !important;
}

/* report page new css */

@media (max-width:991px) {
	.row-flex-div {
		flex-direction: column !important;
	}

	/* activity page  css */
	.activity-card-body {
		overflow: hidden;
	}

	/* referall page */
	.modal-dialog-modal {
		width: 100% !important;
	}

	/* journey-pagination */
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0px;
	}

	.modal-body-padding {
		width: 100% !important;
	}

	.referral_page {
		flex-direction: column;
		padding-top: 57px 0px 0px 0px !important;
	}

	.referralschatList,
	.referral_page .ms_content_area {
		width: 100%;
		height: 91px
	}

	.chatList-inner,
	.referral-mobile-view {
		display: none;
	}

	.chatUser-allList {
		flex-wrap: nowrap;
		height: 91px !important;
		overflow-y: hidden !important;
	}

	.Aidan_wrapper {
		padding-top: 25px;
	}

	.ul.chatUser-allList {
		overflow-y: hidden;
	}

	ul.chatUser-allList li a {
		display: block !important;
	}

	.chatUser-allList .nav-item {
		padding: 0px 15px;
	}

	.Page_content {
		margin-left: 0px !important;
		padding: 80px 15px 30px 15px;
	}


	.chatUser-list {
		/* position:fixed; */
		background: #fbfbfb;
		/* z-index:9999999; */

	}

	.btn-savealign {
		text-align: center;
	}


}

/* document css */
@media screen and (max-width: 640px) {

	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		text-align: left;
		padding-top: 10px;
	}


}

/* journey detail page */

/* .journey-page-scroll {
		height: calc(calc(100vh * .99) - 188px) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	} */
.modal-journeydetail-scroll {
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
	background: #57c7da !important;
	border: 1px solid #64d6ea;
    color: white !important;
    border-radius: 5px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #ebfcff !important;
	border: none !important;
	color: #555454 !important;
}

.btn-save-align {
	text-align: left;
}

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

.modal-content1 {
	border: none !important;
	border-radius: 0px !important;
}

.record_nfound-content h4 {
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 20px;
}

.record_nfound-content p {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	opacity: .7;
}



#exampleFormControlInput1::-webkit-search-cancel-button {
	display: none;
}

.cross-search {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.searchico {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.ref_search_box input {
	padding-left: 24px;
}

.searchico {
	left: 6px;
}

img#documentModalImage {
	object-fit: contain;
	height: 100%;
}

.data_loader {
    position: absolute;
    border: 6px solid #ffffff00;
    border-radius: 50%;
    border-top: 7px solid #8EC6EA;
    border-bottom: 6px solid #C2ABD9;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.refer_pati_search_form {
    position: relative;
}


.modal-journeydetail-scroll .doc_files,
.My_table  .doc_files {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    background: #f4f4f4;
	border-radius: 5px;
}


.referral_listdata {
    background: #f3f3f3;
    padding: 15px;
    border-radius: 10px;
}
.referral_listdata table {
    border-collapse: separate;
    border-spacing: 0 6px;
}
.referral_listdata table th {
    border: 0px solid #dfe2e6 !important;
    background: transparent !important;
	font-size: 12px;
}

.referral_listdata  table td {
    opacity: 1;
    border: 0;
    font-size: 13px;
    vertical-align: middle;
	color: #6a6a6a;
	border:0
}

.referral_listdata  table tbody tr {
    background: #fff;
	margin-bottom: 10px;
}

.referral_listdata  table tbody tr td:first-child
{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.referral_listdata  table tbody tr td:last-child
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.capitalize
{
	text-transform: capitalize;
}

.profile__card {
    background: #f3f3f3;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.profile__card_imagebox {
    background: #fff;
    width: 100%;
    height: 135px;
    border-radius: 5px;

}
.profile__card_odname {
    font-size: 27px;
    font-weight: 600;
    text-transform: capitalize;
	margin-top: 20px;
}
.profile__card_imagebox {
    background: #fff;
    width: 135px;
    height: 135px;
    border-radius: 100%;
    margin: 0 auto;
}
.profile__card_od_details div {
    display: flex;
    justify-content: center;
    gap: 10px;
	opacity: 0.5;
}

.profile__card_od_details div p
{
	margin-bottom: 5px;
}

.anchor_text
{
	text-transform: capitalize;
}

.anchor_text a {
    text-decoration: none;
    color: #2c7581;
    font-weight: 500;
}
table td
{
	opacity: 1;
	color: #6a6a6a;
}

.searchtable input {
    width: 100%;
    height: 37px;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #cccccc;
    font-size: 14px;
	outline: 0 !important;
}


.right_side {
    padding: 0;
    background: #77cce0;
    height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.left_side {
    width: 400px;
    margin: 0 auto;
}
.logo_card {
    text-align: center;
}
.left_text {
    padding-bottom: 20px;
    text-align: center;
}
.right_side h2 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 30px;
    padding: 0 100px;
	color: #37474f;
}
@media (max-width:1024px)
{
	.right_side h2 {
		padding: 0 60px;
	}
	.main_img {
		width: auto;
		padding: 30px;
	}
}

@media (max-width:767px) {
	.right_side {
		display: none;
	}
	.left_side {
		margin-top: 120px;
	}
}

@media (max-width:575px) {

	.left_side {
		width: 100%;
	}
}
.patient_pubnub_mgs {
    width: 100%;
    height: 72vh;
    border: 1px solid #ededed;
    overflow-y: auto;
    padding: 9px;
	margin-bottom:12px;
}






.other_user_chat .message_time {
    color: #000;
    text-align: start;
    font-size: 11px;
}

.other_user_chat {
    margin-bottom: 10px;
    width: fit-content;
    padding: 10px;
    color: #000;
    font-size: 14px;
    display: block;
    word-break: break-word;
}
.other_user_chat .chat_messages {
    BACKGROUND: #f3f3f3;
    width: fit-content;
    padding: 10px;
    color: #000;
    border-radius: 0px 10px 10px 10px;
    font-size: 14px;
    display: block;
    word-break: break-word;
}

.current_user_chat .chat_messages {
    background: #57c7da;
    padding: 10px;
    width: fit-content;
    font-size: 14px;
    border-radius: 10px 0px 10px 10px;
    color: #fff;
	margin-left: auto;
	display: block;
    word-break: break-word;
}


.current_user_chat {
    margin-bottom: 10px;
    width: fit-content;
    font-size: 14px;
    color: #fff;
    margin-left: auto;
    display: block;
    word-break: break-word;
}

.current_user_chat .message_time {
    color: #000;
    text-align: end;
    font-size: 11px;
}

.messages_date_time_bx{
    font-size: 14px;
    color: #000;
    display: flex;
    position: relative;
}
.messages_date_time_bx::before {
    height: 1px;
    width: 100%;
    background: #dcdcdc;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 50%;
}
.messages_date_time {
    display: inline-block;
    background: #fff;
    margin: auto;
    z-index: 3;
    padding: 0px 12px;
}

.btnn-send{
	background:#484848;
	border:none;
	color:#FFFFFF;
	padding: 4px 12px !important;
	border-radius:4px;
}


.message-chat{
	display:flex;
}

.message-chat input{
	width: 100%;
    border-radius:4px;
	border: 1px solid #484848 !important;
    margin-right: 12px;
	padding: 9px 6px;
	outline:none !important;
	box-shadow:none;
	font-size:12px;
}
.message-chat input :focus-visible{
	border:none !important;
	outline:none !important;
	box-shadow:none;
}
#doctor_list_datatable_filter {
    float: left;
	margin-bottom:14px;
}
.toolbar {
    float: right;
	margin-bottom:14px;
}

.patient_pubnub_mgs {
    width: 100%;
    height: calc(calc(100vh * .99) - 230px);
    border: 1px solid #ededed;
    overflow-y: auto;
    padding: 9px;
    margin-bottom: 12px;
}
button[disabled] {
    background: #dadada;
}

.Aidan_wrapper .fa-pen-to-square {
  color:#57C7DA;
  margin-right: 20px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.btn-primary {
	background: #57C7DA;
}
#popup_download_bt{
	color:#57C7DA;
}
.patient_name_td {

padding-left: 15px !important;
}
.patient_name_td .notification_dot{
	position: relative;
}
.patient_name_td .notification_dot:before {
    content: '';
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 50%;
    position: absolute;
    /* right: 8px; */
    top: 8px;
    left: -15px;
}


.contact_status_Pending, .query_status_Pending {
    border-radius: 20px;
    background: orange;
    color: white;
    padding: 5px 19px;
    font-size: 13px;
    letter-spacing: 0px;
	width:
}

.contact_status_Replied, .query_status_Closed {
    border-radius: 20px;
    background: green;
    color: white;
    padding: 5px 19px;
    font-size: 13px;
    letter-spacing: 0px;
}


.question_col {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 220px;
    overflow-wrap: break-word;
}

.suggest_feature_des {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 220px;
    overflow-wrap: break-word;
}

.ContactSupport,.SuggestFeature{
	position:relative;
}


/*----------------Range Slider---------------------*/
.range-slider{
	width: 100%;
	margin: 0 auto;
	position: relative;
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}

#range { -webkit-appearance: none; width: 100%; }
#range:focus { outline: none; }

#range::before, #range::after {
	position: absolute;
	top: 2rem;
	color: #333;
	font-size: 14px;
	line-height: 1;
	padding: 3px 5px;
	background-color: rgba(0,0,0,.1);
	border-radius: 4px;
}
/* #range::before { left: 0; content: attr(data-min); }
#range::after { right: 0; content: attr(data-max); } */

#range::-webkit-slider-runnable-track {
	width: 100%;
	height: 1rem;
	cursor: pointer;
	animate: 0.2s;
	background: linear-gradient(90deg, #57c7da var(--range-progress), #dee4ec var(--range-progress));
	border-radius: 1rem;
}
#range::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 0.25rem solid #57c7da;
	box-shadow: 0 1px 3px rgba(0,0,255,.3);
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	height: 32px; width: 32px;
	transform: translateY(calc(-50% + 8px));
}

#tooltip {
	position: absolute;
	top: -2.25rem;
}
#tooltip span {
	position: absolute;
	text-align: center;
	display: block;
	line-height: 1;
	padding: 0.125rem 0.25rem;
	color: #fff;
	border-radius: 0.125rem;
	background: #57c7da;
	font-size: 1.25rem;
	left: 50%;
	transform: translate(-50%, 0);
}
#tooltip span:before {
	position: absolute;
	content: "";
	left: 50%; bottom: -8px;
	transform: translateX(-50%);
	width: 0; height: 0;
	border: 4px solid transparent;
	border-top-color: #57c7da;
}
#admin_list_datatable_filter {
    float: left;
    margin-bottom: 14px;
}
#reverse_referral_list_datatable_filter {
    float: left;
    margin-bottom: 14px;
}
.add_new_bt{
	float: right;
	background: #57C7DA;
	margin-right:10px;
	padding: 7px 16px !important;
    border-radius: 4px !important;
}

.add_new_journey_bt {
    background: #258f1d;
    padding: 0px 12px;
    color: white;
    font-size: 27px;
    border: 0px;
    border-radius: 20px;
    position: fixed;
    bottom: 45px;
    z-index: 999999;
}

.dateandtime{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.custom_date_time_picker {
    display: flex;
}
.journey_info_box {
    color: #000;
    font-size: 12px;
    width: 290px;
}
.custom_date_time_picker input[type="time"] {
    width: 221px;
    margin-left: 9px;
}
.changeJourneyStatusModel {
    color: #000;
}

.patient_journey_location {
    border: 1px solid #212529;
    border-radius: 0px;
}

.custom_date_time_picker input[type="date"] {
    width: 100%;
}

.not_data_found {
    text-align: center;
}


.custom_pre_loader {
	border: 6px solid #f3f3f3;
	border-radius: 50%;
	border-top: 6px solid #57C7DA;
	border-bottom: 6px solid #aeaeb2;
	width: 40px;
	height: 40px;
	-webkit-animation: my_custom_spin 2s linear infinite;
	animation: my_custom_spin 2s linear infinite;
  }
  
  @-webkit-keyframes my_custom_spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes my_custom_spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  .custom_pre_loader_bx {
    background: #ffffff8f;
    width: 100%;
    height: 100vh;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    display: none;
    align-items: center;
}

select.custom-error {
    color: unset;
}
.custom-error {
    color: red;
    display: inline-block;
    width: 100%;
}

#editPatient .parsley-errors-list {
    display: inline-block;
    width: 100%;
    margin: 0px;
}