:root {

    --color-blue: blue;

    --border-style-none: none;

    --color-000000: #000000;

    --border-width-1px: 1px;

    --border-style-solid: solid;

    --color-e9e8e8: #E9E8E8;

    --color-ffffff: #FFFFFF;

    --color-red: red;

    --color-black: black;

    --color-ff0000: #FF0000;

    --color-f76a0c: #F76A0C;

    --color-156915: #156915;

    --font-size-12px: 12px;

    --color-6699cc: #6699CC;

    --color-white: White;

    --color-cccccc: #CCCCCC;

    --color-eeeeee: #EEEEEE;

    --color-transparent: transparent;

    --border-radius-5px: 5px;

    --border-width-0: 0;

    --border-width-0px: 0px;

    --color-2a2f77: #2A2F77;

    --font-size-1-62rem: 1.62rem;

    --font-size-1-5rem: 1.5rem;

    --font-size-0-87rem: 0.87rem;

    --font-size-0-875rem: 0.875rem;

    --font-size-2em: 2em;

    --font-size-0-95rem: 0.95rem;

    --color-white-2: white;

    --font-size-1-12rem: 1.12rem;

    --color-827d7d: #827d7d;

    --color-c5c5c5: #C5C5C5;

    --border-radius-3px: 3px;

    --font-size-0-81rem: 0.81rem;

    --color-777777: #777777;

    --color-828282: #828282;

    --color-8488cd: #8488CD;

    --color-dfe0f1: #DFE0F1;

    --color-rgb-rgba0-0-0-0-24: rgba(0, 0, 0, 0.24);

    --border-radius-4px: 4px;

    --color-0c71c3: #0C71C3;

    --font-size-0-7rem: 0.7rem;

    --color-dc3545: #dc3545;

    --color-6d73be: #6D73BE;

    --border-radius-0px: 0px;

    --font-size-1-2rem: 1.2rem;

    --color-rgb-rgba255-255-255-0-24: rgba(255, 255, 255, 0.24);

    --font-size-13px: 13px;

    --color-e4f1ff: #E4F1FF;

    --border-radius-2px: 2px;

    --color-333333: #333333;

    --color-rgb-rgba0-85-106-0-1: rgba(0, 85, 106, 0.1);

    --color-ffffff-2: #ffffff;

    --border-radius-50pct: 50%;

    --color-f2994a: #F2994A;

    --color-rgb-rgba0-0-0-0-15: rgba(0, 0, 0, 0.15);

    --font-size-14px: 14px;

    --color-908e8e: #908e8e;

    --color-007bff: #007bff;

    --color-6d73be-2: #6d73be;

    --color-fff: #fff;

    --color-ffffff47: #ffffff47;


    --color-2a2f77-2: #2a2f77;

    --color-c70517b5: #c70517b5;

    --color-fb1b1b7a: #fb1b1b7a;

    --color-f3f3f3: #f3f3f3;

    --border-width-5px: 5px;

    --font-size-16px: 16px;

    --border-radius-25rem: .25rem;

    --font-size-1-1rem: 1.1rem;

    --color-e4f1ff-2: #e4f1ff;

    --color-cecbcb: #cecbcb;

    --color-fbfbfb: #FBFBFB;

    --border-width-2px: 2px;

    --color-a5a0a0: #a5a0a0;

    --color-8488cd-2: #8488cd;

    --color-979797: #979797;

    --color-16181b: #16181b;

    --color-c1ce98: #c1ce98;

    --color-eef3dd: #eef3dd;

    --color-efe4c1: #efe4c1;

    --color-fcf4db: #fcf4db;

    --color-a8abe0: #a8abe0;

    --color-c8c9dc: #c8c9dc;

    --color-d3f2fc: #d3f2fc;

    --color-fcebdb: #fcebdb;

    --color-f1e1f7: #f1e1f7;

    --color-d4efdf: #d4efdf;

    --color-dcdcdc: #dcdcdc;

    --color-fbdddd: #fbdddd;

    --color-00000038: #00000038;

    --color-060606: #060606;

    --color-000: #000;

    --color-b2d4f9: #b2d4f9;

    --color-f1f1f1: #f1f1f1;

    --color-rgb-rgb200-200-200: rgb(200, 200, 200);

    --border-radius-6px: 6px;

    --border-width-4px: 4px;

    --color-a5dc86: #a5dc86;

    --border-radius-25px: 25px;

    --font-size-20px: 20px;

    --color-rgb-rgba0-0-0-65: rgba(0, 0, 0, .65);

    --color-5e71b4: #5E71B4;

    --color-0000ff: #0000ff;

    --color-ff9900: #ff9900;

    --color-ff0000-2: #ff0000;

    --color-6aa84f: #6aa84f;

    --font-size-0-9rem: 0.9rem;

    --font-size-1rem: 1rem;

    --color-e8e8e8: #e8e8e8;

    --color-d0cfcf: #d0cfcf;

    --color-fafafa: #fafafa;

    --color-848484: #848484;

    --color-e87979: #e87979;

    --font-size-9px: 9px;

    --color-333: #333;


    --color-e5eef0: #E5EEF0;

    --font-size-15px: 15px;

    --color-e9e9e9: #e9e9e9;


    --color-f0f0f1bf: #f0f0f1bf;

    --color-191eb7: #191eb7;

    --font-size-1-0625em: 1.0625em;

    --color-afaaaaa6: #afaaaaa6;

    --color-495057: #495057;

    --color-80bdff: #80bdff;

    --color-rgb-rgba0-123-255-25: rgba(0, 123, 255, .25);

    --color-333366: #333366;

    --color-f9f9f9: #f9f9f9;

    --color-rgb-rgba0-0-0-0-2: rgba(0, 0, 0, 0.2);

    --color-gainsboro: gainsboro;

    --border-width-3em: .3em;

    --color-rgb-rgba0-0-0-125: rgba(0, 0, 0, .125);

    --color-rgb-rgba0-0-0-05: rgba(0, 0, 0, .05);

    --color-rgb-rgba0-0-0-03: rgba(0, 0, 0, .03);

}



html {

	height: 100% !important;

}



body {

	font-family: 'Roboto';

	font-style: normal;

	font-weight: normal;

	overflow: hidden;

	height: 100% !important;

}



/* PROG-401, Added by Gautam on 12 Sept 2024,Reviewed by Suvarna */

.basicSignUpContainer4Procheckin {

	max-height: 630px;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

}



#LoginPageContainer {

	height: 98% !important;

}



.div-p-content {

	width: 100% !important;

	;

}



.no-padding {

	padding: 0 !important;

}



.no-margin {

	margin: 0 !important;

}



.portal-bg {

	height: 100vh !important;

	background-position: center !important;

	background-repeat: no-repeat !important;

	/* -webkit-background-size: cover !important;

	-moz-background-size: cover !important;

	-o-background-size: cover !important;

	background-size: cover !important; */

}



.bg-wrapper {

	background-color: var(--color-2a2f77);

	opacity: 0.8;

	height: 100%;

	padding: 5%;

}



.cliniclogo {

	width: 4.5rem;

	height: 3rem;

	margin: 0 auto;

}



.clinictitle {

	font-weight: bold;

	font-size: var(--font-size-1-62rem) !important;

	line-height: 2rem;

	text-align: center;

	color: var(--color-ffffff);

	padding-bottom: 0.62rem;

}



.welcomesg {

	font-weight: 500;

	font-size: var(--font-size-1-5rem);

	line-height: 1.87rem;

	text-align: center;

	color: var(--color-ffffff);

}



.msgdesc {

	font-size: var(--font-size-0-87rem);

	line-height: 1.18rem;

	text-align: center;

	color: var(--color-ffffff);

}



.ul-block {

	font-size: var(--font-size-0-87rem);

	line-height: 1.75rem;

	color: var(--color-ffffff);

	margin: 0 auto;

	text-align: left;

}



.bottom-divider {

	background: var(--color-ffffff);

	opacity: 0.54;

}



.annocementitle {

	font-weight: 500;

	font-size: var(--font-size-1-5rem);

	line-height: 1.87rem;

	text-align: center;

	color: var(--color-ffffff);

	padding-bottom: 0.62rem;

}



.annocementmsg {

	font-size: var(--font-size-0-875rem);

	line-height: 1.12rem;

	text-align: center;

	color: var(--color-ffffff);

}



#announceMsgDetail h1:first-child,

h2:first-child,

h3:first-child,

h4:first-child,

h5:first-child,

h6:first-child {

	font-size: var(--font-size-2em) !important;

}



.app-reference-btn {

	opacity: 1

}



.footer-links {

	font-size: var(--font-size-0-875rem);

	line-height: 1.12rem;

	text-align: right;

	color: var(--color-ffffff);

	position: absolute;

	bottom: 0px;

	right: 3%;

	width: fit-content;

	padding: 0.62rem;

}



/* for small device css */



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

	.portal-bg {

		height: 100% !important;

	}



	.form-container {

		width: 100% !important;

		margin-top: 2px !important;

		margin-left: 0 !important;

		text-align: left !important;

	}



	.container-fluid,

	.row {

		padding-right: 0 !important;

		padding-left: 0 !important;

		margin-right: 0px !important;

		margin-left: 0px !important;

	}



	.footer-links {

		padding: 0 !important;

	}



	.nav-tabs li i {

		display: none;

	}



	.nav {

		margin: 0;

	}



	.nav-tabs li {

		width: 100% !important;

		text-align: left;

		padding-left: 10px;

		font-size: var(--font-size-0-95rem);

		border-bottom: var(--border-width-1px) var(--border-style-solid) var(--color-white-2);
min-height: 65px;
padding:0px;
	}
	.rightApptPanel .nav-tabs li{
	min-height: 33px !important;
	}



	.bell {

		position: absolute;

		right: 25%;

		top: 2%;

		font-size: var(--font-size-1-5rem);

		color: var(--color-ffffff);

	}



	.icon-navs {

		width: 1.2rem;

	}



	.fixed-top {

		position: unset !important;

		top: 0;

		right: 0;

		left: 0;

		z-index: 1030;

	}

}



.form-header {

	font-family: 'Lato';

	font-weight: 600;

	font-size: var(--font-size-1-12rem);

	line-height: 1.37rem;

	color: var(--color-827d7d);

	text-align: center;

	margin-bottom: 1.25rem;

}



.form-container {

	width: 50%;

	display: table;

	margin: auto;

	margin-top: 6%;

	text-align: left;

}



.form-control {

	border: var(--border-width-1px) var(--border-style-solid) var(--color-c5c5c5);

	box-sizing: border-box;

	border-radius: var(--border-radius-3px);

}



.form-group {

	font-weight: 500;

	font-size: var(--font-size-0-81rem);

	line-height: 0.93rem;

	letter-spacing: 0.03em;

	color: var(--color-777777);
    margin-bottom: 1rem;
}



.form-input-label {

	font-size: var(--font-size-0-87rem);

	line-height: 1rem;

	color: var(--color-828282);

	opacity: 0.87;

}



.btn {

	float: right;

	background: var(--color-8488cd) !important;

	border: var(--border-width-1px) var(--border-style-solid) var(--color-8488cd) !important;

	color: var(--color-ffffff) !important;

}



#btn-appt {

	border: var(--border-width-1px) var(--border-style-solid) var(--color-dfe0f1);

	box-sizing: border-box;

	box-shadow: 0px 1px 0px var(--color-rgb-rgba0-0-0-0-24);

	border-radius: var(--border-radius-4px);

	font-size: var(--font-size-12px);

	height: 30px;

	width: 145px;

	margin-right: 5px;

}



.form-hyperlink {

	padding-top: 50px;

	font-weight: 450;

	font-size: var(--font-size-0-87rem);

	line-height: 1rem;

	text-align: center;

	color: var(--color-0c71c3);

}



.footer {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	color: var(--color-828282);

}



#LoginDetailsBackBtn {

	text-align: left;

	position: absolute;

	bottom: 2rem;

	height: 25px;

}



.form-captcha {

	opacity: 0.5;

	height: 1.8rem;

	width: 8.87rem;

}



.language {

	font-weight: 500;

	font-size: var(--font-size-0-81rem);

	line-height: 0.93rem;

	text-align: right;

	margin: 2%;

	color: var(--color-777777);

}



.arrow {

	/* background: #DCDCDC; */

	/* border-radius: 2px; */

	width: 16px;

	height: 16px;

}



.hand {

	cursor: pointer;

}



.not-allowed {

	cursor: not-allowed;

}



.validateMsg {

	font-weight: 500;

	width: 100%;

	margin-top: .25rem;

	font-size: var(--font-size-0-7rem);

	color: var(--color-dc3545);

}



.validateMsg-Border-color {

	border-color: var(--color-dc3545);

}



#msUserId:focus {

	/*     box-shadow: 0 0 3px 0.05rem #c70517b5!important; */

	/*     border-color: #fb1b1b7a!important; */

}



.btn:hover {

	background-color: var(--color-6d73be) !important;

	border-color: var(--color-6d73be) !important;

}



/* For Dashboard header and menu bar */



.nav-tabs .nav-link {

	border: var(--border-width-0px) !important;

	border-radius: var(--border-radius-0px) !important;

}



/* start--> svg icons disable and enable */



.MenuNew1 {

	border-right: var(--border-width-1px) var(--border-style-solid) var(--color-white-2);

}



.a2 {

	display: none;

}



.activeNow .a2 {

	display: inline-block;

}



.activeNow .a1 {

	display: none;

}



.activeNow:hover .a1 {

	display: none;

}



.activeNow:hover span {

	color: var(--color-black);

}



.activeNow:hover .a2 {

	display: inline-block;

}



.activeNow {

	background: white;

	color: var(--color-black);

}



.activeNow a:hover {

	background: white !important;

}



.activeNow a:hover span {

	color: var(--color-black) !important;

}



.MenuNew a:hover {

	background: var(--color-6d73be);

	border-color: var(--color-6d73be);

}



/* end-->svg icon enable and disable */



/* Start-->Header color*/

.navbar {

	padding: 0px !important;

}



.headercolor {

	background: var(--color-2a2f77);

	height: 50px;

}



/* HeaderText color-> clinic name*/

.headertext {

	font-style: italic;

	font-weight: 500;

	font-size: var(--font-size-1-2rem);

	line-height: 1.8rem;

	color: var(--color-ffffff);

}



.bell {

	position: absolute;

	right: 237px;

	top: 2%;

	font-size: var(--font-size-1-5rem);

	color: var(--color-ffffff);

}



/* Menu bar color*/

.nav {

	background: var(--color-8488cd);

}



/* Menu bar width*/

.navbar-nav {

	width: 100%;

}



.nav-divider {

	background: var(--color-rgb-rgba255-255-255-0-24);

}



/* .dropdown a:hover

 {

 background: transparent!important;

 } */

.nav-text {

	font-weight: bold;

	font-size: var(--font-size-12px);

	line-height: 12px;

	text-align: center;

	letter-spacing: 0.03em;

	vertical-align: -webkit-baseline-middle;

	vertical-align: -moz-middle-with-baseline !important;

	vertical-align: baseline;

}



/* Menu bar font color and format*/



.nav-item .nav-link {

	font-weight: bold;

	font-size: var(--font-size-12px);

	line-height: 12px;

	text-align: center;

	letter-spacing: 0.03em;

	color: var(--color-white-2) !important;

	vertical-align: -webkit-baseline-middle;

	vertical-align: -moz-middle-with-baseline !important;

	vertical-align: baseline;

}



.navbar {

	border: var(--border-style-none) !important;

}



.navbar-collapse {

	padding: 0 !important;

}



.nav-item-text {

	display: block;

}



.nav-tabs li {

	text-align: center;

}



/* Start ->For Dashbaord card content*/



.card-body {

	padding: 0% !important;

}



.card-title {

	font-weight: 900;

	font-size: var(--font-size-13px);

	line-height: 16px;

	letter-spacing: 0.03em;

	text-transform: uppercase;

	background: var(--color-e4f1ff);

	border-radius: var(--border-radius-2px);

	padding: 3px;

	color: var(--color-333333);

	margin-bottom: 0% !important;

	height: 2.3rem;

}



.divider {

	background: var(--color-rgb-rgba0-85-106-0-1);

	width: 80%;

}



#Logout_Details .dropdown-item:hover {

	background: var(--color-2a2f77) !important;

	color: var(--color-white-2) !important;

}



/* End->For Dashbaord content*/



#Logout_Details .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover {

	background-color: var(--color-2a2f77) !important;

}



.info-color {

	background-color: var(--color-2a2f77) !important;

}



.avtar-nav {

	float: right;

	color: var(--color-white-2);

}



.navbar-toggler {

	margin-top: 34px;

	padding: 0px !important;

	color: var(--color-white-2) !important;

}



.avtar-item:focus,

.avtar-item:hover {

	color: var(--color-ffffff-2);

}



.button-layout {

	background: var(--color-8488cd);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-dfe0f1);

	box-sizing: border-box;

	box-shadow: 0px 1px 0px var(--color-rgb-rgba0-0-0-0-24);

	border-radius: var(--border-radius-4px);

}



.button-layout-text {

	font-weight: 500;

	font-size: var(--font-size-12px);

	line-height: 14px;

	letter-spacing: 0.02em;

	text-transform: uppercase;

	color: var(--color-ffffff);

}



.Notification-icon {

	position: absolute;

	left: 28px;

	padding: 0px 6px;

	border-radius: var(--border-radius-50pct);

	background-color: var(--color-f2994a);

	color: var(--color-white-2);

}



.vertical-line {

	border: var(--border-width-1px) var(--border-style-solid) var(--color-0c71c3);

}



/* css for all dashboard cards */

.card {

	/* height: 160px; */

	width: 100%;

	background: var(--color-ffffff);

	box-shadow: 0px 3px 8px var(--color-rgb-rgba0-0-0-0-15);

	border-radius: var(--border-radius-4px);

	padding: 0% !important;

}



.right-card {

	height: 145px;

	width: 100%;

	background: var(--color-ffffff);

	box-shadow: 0px 3px 8px var(--color-rgb-rgba0-0-0-0-15);

	border-radius: var(--border-radius-4px);

	padding: 0% !important;

}



.card-content-avtar {

	width: 40px !important;

}



.appt-join-icon {

	width: 20px !important;

}



.appt-cancel-icon {

	width: 12px !important;

	opacity: 0.7;

	cursor: pointer;

	padding-top: 10px;

}



.card-inner-text {

	font-weight: 500;

	font-size: var(--font-size-14px);

	line-height: 19px;

	letter-spacing: 0.01em;

	color: var(--color-333333);

}



.card-text {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: normal !important;

	font-size: var(--font-size-14px) !important;

	line-height: 24px !important;

	letter-spacing: 0.03em !important;

	color: var(--color-908e8e);

}



.card-schedule-text {

	font-weight: normal;

	font-size: var(--font-size-13px);

	line-height: 20px;

	letter-spacing: 0.01em;

	color: var(--color-828282);

}



.card-title-text {

	font-weight: 401;

	font-size: var(--font-size-14px);

	line-height: 20px;

	letter-spacing: 0.01em;

	color: var(--color-828282);

}



.video-consult {

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 14px;

	letter-spacing: 0.03em;

	text-transform: uppercase;

	color: var(--color-0c71c3);

}



.read_more {

	font-size: var(--font-size-14px);

	display: block;

	text-align: left;

	color: var(--color-007bff);

	font-weight: 500 !important;

	cursor: pointer;

}



.otp-link {

	font-family: Lato;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 17px;

	text-align: center;

	color: var(--color-0c71c3);

	letter-spacing: 0.03em;

	text-transform: capitalize;

}



.back-btn {

	font-family: roboto;

	font-style: normal;

	font-weight: 900;

	font-size: var(--font-size-14px);

	color: var(--color-8488cd);

}



#newData .dropdown-menu {

	background-color: var(--color-6d73be-2) !important;

	padding: 0 0 !important;

}



#newData .dropdown-item {

	color: var(--color-fff) !important;

	border-bottom: var(--border-width-1px) var(--border-style-solid) var(--color-ffffff47);

	font-family: Roboto !important;

	font-style: normal !important;

	font-size: var(--font-size-12px) !important;

	padding: .25rem 1rem !important;

}



#newData .dropdown-item:hover,

#newData .dropdown-item:focus {

	background-color: var(--color-2a2f77-2) !important;

}



#newData .show,

#newData .show .dropdown-toggle {

	background: var(--color-6d73be) !important;

	border-color: var(--color-6d73be) !important;

	color: var(--color-white-2) !important;

}



#newData .show,

#newData .show .dropdown-toggle:hover {

	background: var(--color-6d73be) !important;

	border-color: var(--color-6d73be) !important;

}



.activeNow span,

.activeNow b,

.activeNow .dropdown-toggle::after {

	color: var(--color-black);

	white-space: pre-wrap;

	/* CSS3 */

	white-space: -moz-pre-wrap;

	/* Mozilla, since 1999 */

	white-space: -pre-wrap;

	/* Opera 4-6 */

	white-space: -o-pre-wrap;

	/* Opera 7 */

	word-wrap: break-word;

	/* Internet Explorer 5.5+ */



}



#Logout_Details .dropdown-item:hover {

	color: var(--color-white-2);

}



/* Start ->For Dashbaord content*/



#card-contain {

	padding-left: 3%;

	padding-right: 3%;

}



.card-row {

	padding-left: 0px;

	padding-right: 0px;

	margin-right: 0px;

	margin-left: 0px;

}



/* End->For Dashbaord content*/



#newData li:after {

	content: "";

	position: absolute;

	z-index: 1;

	border-right: var(--border-width-1px) var(--border-style-solid) var(--color-white-2);

	display: block;

	top: 20%;

	height: 60%;

	opacity: 0.24;

}



#newData li:last-child {

	border-right: var(--border-style-none);

}



.dropdown-toggle:hover {

	background-color: unset !important;

}



/* for notification icon */

.badge {

	position: absolute;

	right: 5px;

	padding: 5px 8px;

	border-radius: var(--border-radius-50pct);

	background-color: var(--color-f2994a);

	color: var(--color-white-2);

}



.card-divider {

	background: var(--color-rgb-rgba0-85-106-0-1);

	width: 98%;

	margin-top: 0px !important;

	margin-bottom: 0px !important;



}



.error-border-shadow {

	box-shadow: 0 0 3px 0.05rem var(--color-c70517b5) !important;

	border-color: var(--color-fb1b1b7a) !important;

}



/**

-----------	Login Details section Start ------------

*/



.login-details-tab {

	margin-top: -8%;

}



.login-details-tab #tabs .nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

	color: var(--color-6d73be);

	background-color: var(--color-transparent);

	border-color: var(--color-transparent) var(--color-transparent) var(--color-f3f3f3);

	border-bottom: var(--border-width-5px) var(--border-style-solid) !important;

	font-size: var(--font-size-16px);

	font-weight: bold;

}



.login-details-tab .nav-link {

	border: var(--border-width-1px) var(--border-style-solid) var(--color-transparent);

	border-top-left-radius: var(--border-radius-25rem);

	border-top-right-radius: var(--border-radius-25rem);

	color: var(--color-0c71c3);

	font-size: var(--font-size-16px);

	font-weight: 600;

}



.login-details-tab .nav-link:hover {

	border: var(--border-style-none);

}



.login-details-tab a {

	font-weight: 600;

}



.card-content-margin {

	margin-top: 25px;

	margin-left: 10%;

	margin-bottom: 10px;

	margin-right: 10px;

}



.tab-content input {

	width: 80% !important;

}



.otp-link {

	font-family: Lato;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 17px;

	text-align: center;

	color: var(--color-0c71c3);

	letter-spacing: 0.03em;

	text-transform: capitalize;

}



/** -----------	Login Details section End ------------*/



/** -----------	My Health Records section Start ------------*/



/** -----------	Summary Header (8 Cards) START  ------------*/

.summaryCardsTitle {

	font-family: Roboto;

	font-style: normal;

	font-weight: 500;

	font-size: var(--font-size-1-1rem);

	line-height: 1.4rem;

	display: flex;

	align-items: center;

	letter-spacing: 0.03em;

	padding-left: 0.5rem;

}



#outerBody {

	padding: 0.75rem !important;

	border-radius: var(--border-radius-4px);

}



#custom_container {

	width: 90%;

	/*   margin-top: 12px; */

}



#mainCard {

	box-shadow: 0px 3px 8px var(--color-rgb-rgba0-0-0-0-15);

	border-radius: var(--border-radius-4px);

	height: 97%;

}



.container-title {

	margin-top: 15px;

	margin-bottom: 15px;

	background: aliceblue;

	padding-left: 50px;

}



#chead {

	background: var(--color-e4f1ff-2) !important;

	font-weight: 900;

	font-size: var(--font-size-14px);

	padding: 10px 10px 10px 16px;

	height: 2.3rem;

	letter-spacing: 0.03em;

	line-height: 16px;

	text-transform: uppercase;

}



#btnLink {

	color: var(--color-cecbcb);

}



#btnLink:hover {

	color: var(--color-blue);

}



.first-content img {

	width: 4rem;

	margin-left: 4.71%;

}



.first-content label {

	margin-left: 2%;

}



.flip-card-front {

	transition: transform 0.6s;

	transform-style: preserve-3d;

	backface-visibility: hidden;

}



.flipped {

	transform: rotateY(180deg);

}



.first-content {

	width: 80%;

	float: left;

}



.second-content {

	width: 20%;

	float: left;

}



#row_data {

	height: 100% !important;

	overflow: auto;

	margin-right: 0 !important;

	margin-left: 0 !important;

}



/** -----------	Summary Header (8 Cards) End ------------*/



/** -----------	Summary Details Start ------------*/

#sortTable_paginate {

	line-height: 0.75;

	font-size: var(--font-size-14px);

}



thead:not(table.ui-datepicker-calendar thead) {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 900 !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	text-transform: capitalize !important;

	color: var(--color-828282) !important;

}



#sortTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-908e8e);

}



#sortTable tr:nth-child(even) {

	background: var(--color-ffffff-2);

}



#sortTable tr:nth-child(odd) {

	background: var(--color-fbfbfb);

}



table.dataTable thead th,

table.dataTable thead td {

	border-bottom: var(--border-width-2px) var(--border-style-solid) var(--color-a5a0a0) !important;

}



.dataTables_wrapper.no-footer .dataTables_scrollBody {

	border-bottom: var(--border-width-1px) var(--color-rgb-rgba0-85-106-0-1) !important;

}



table.dataTable.no-footer {

	border-bottom: var(--border-width-1px) var(--color-rgb-rgba0-85-106-0-1) !important;

}



.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

	background: var(--color-8488cd-2) !important;

	border-color: var(--color-8488cd-2) !important;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

	color: var(--color-fff) !important;

	border: var(--border-width-1px) var(--border-style-solid) var(--color-979797) !important;

	background-color: var(--color-8488cd-2) !important;

	background: linear-gradient(to bottom, var(--color-8488cd-2) 0%, var(--color-8488cd-2) 100%) !important;

}



table.dataTable thead th,

table.dataTable thead td {

	padding: 10px 10px 10px 10px;

}



#drop_Down_MHR::after {

	vertical-align: middle !important;

}



#PRBLST_Div .dropdown-item:hover {

	color: var(--color-16181b);

	text-decoration: none;

	background-color: var(--color-c1ce98);

}



#PRBLST_Div .dropdown-item {

	color: var(--color-16181b);

	text-decoration: none;

	background-color: var(--color-eef3dd);

}



#VACC_Div .dropdown-item:hover {

	color: var(--color-16181b);

	text-decoration: none;

	background-color: var(--color-efe4c1);

}



#VACC_Div .dropdown-item {

	color: var(--color-16181b);

	text-decoration: none;

	background-color: var(--color-fcf4db);

}



#CURRMED_Div .dropdown-item:hover {

	color: var(--color-16181b);

	text-decoration: none;

	background-color: var(--color-a8abe0);

}



#CURRMED_Div .dropdown-item {

	color: var(--color-16181b);

	text-decoration: none;

	background-color: var(--color-c8c9dc);

}



.dataTables_scrollHeadInner {

	width: 100% !important;

	padding-right: 0px;

}



/* .dataTables_scrollBody

{

	height: 266px!important;

} */

.first_content {

	width: 50% !important;

	float: left;

}



.second_content {

	width: 50%;

}



.card-body-details {

	/* height: 100%; */

	overflow: hidden !important;

}



.printBtn {

	padding: 0rem 2rem !important;

	float: right;

	margin-left: 10px;

}



#custom_container1 {

	width: 90%;

	/* margin-top: 15px; */

}



.chead {

	padding-left: 14px;

	padding-top: 2px;

	padding-bottom: 4px;

	background: var(--color-e4f1ff-2) !important;

	font-weight: 700;

}



.chead img {

	width: 2.5rem;

}



#PRBLST_Div .chead {

	background: var(--color-eef3dd) !important;

}



#ALG_Div .chead {

	background: var(--color-d3f2fc) !important;

}



#PHS_Div .chead {

	background: var(--color-fcebdb) !important;

}



#VACC_Div .chead {

	background: var(--color-fcf4db) !important;

}



#SGR_Div .chead {

	background: var(--color-f1e1f7) !important;

}



#FAMHST_Div .chead {

	background: var(--color-d4efdf) !important;

}



#SOCHST_Div .chead {

	background: var(--color-dcdcdc) !important;

}



#CURRMED_Div .chead {

	background: var(--color-c8c9dc) !important;

}



#Other_Div .chead {

	background: var(--color-fbdddd) !important;

}



.card-body {

	padding: 0 !important;

}



.table-responsive {

	display: table !important;

}



.dataTables_wrapper {

	/* display: contents!important; */

	width: 100%;

}



.btn-primary {

	background-color: var(--color-8488cd-2) !important;

	border-color: var(--color-8488cd-2) !important;

	color: var(--color-fff);
	font-size: 16px;

}



.btn-outline-primary {

	background-color: var(--color-fff) !important;

	border-color: var(--color-8488cd-2) !important;

	color: var(--color-8488cd-2) !important;
	font-size: 16px;

}



.btn-outline-primary:hover {

	color: var(--color-white-2) !important;

}



#disclaimer {

	margin-top: 3px;

}



#C_Title {

	font-weight: 700;

}



#drop_Down {

	padding: 0 !important;

	top: -4px !important;

	left: 106px !important;

}



#drop_Down .dropdown-item {

	border-bottom: var(--border-width-1px) var(--border-style-solid) var(--color-00000038) !important;

}



#dropDownMed {

	padding: 0 !important;

	top: -4px !important;

	left: 83px !important;

}



#dropDownMed .dropdown-item {

	border-bottom: var(--border-width-1px) var(--border-style-solid) var(--color-00000038) !important;

}



#sortTable>tr>td {

	width: 150px !important;

}



.tableBody {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-908e8e);

}



.cardLabelFont {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 900 !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	color: var(--color-828282) !important;
	
	margin-bottom: .5rem;

}



.cardDataFont {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: normal !important;

	font-size: var(--font-size-14px) !important;

	line-height: 24px !important;

	letter-spacing: 0.03em !important;

	color: var(--color-908e8e) !important;

}



.cardLabelSectionFont {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 1000 !important;

	font-size: var(--font-size-16px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	text-transform: capitalize !important;

	color: var(--color-060606) !important;

}





/** -----------	Summary Details End ------------*/



/** -----------	My Health Records section End ------------*/



/** -----------	Past Visits Start ------------*/

.clinicalSummary {

	padding-top: 7px;

	border: var(--border-style-none);

	width: 16px;

	height: 16px;

	vertical-align: middle;

	border: var(--border-style-none);

	cursor: pointer;

	background-repeat: no-repeat;

	background-color: var(--color-transparent);

	background-image: url("../images/Health_Summary.png");



}



#PastVisitTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



#PastVisitTable_wrapper {

	text-align: center;

}



/** -----------	Past Visits End ------------*/

/** -----------	Lab Results START ------------*/



.icnComments16 {

	background: url(../images/icnComments16.png);

}



.icnLabAttachment16 {

	background: url(../images/icnLabAttachment16.png);

}



input[type='button'].nor16 {

	cursor: pointer;

	background-position-x: 0px;

	background-position-y: 0px;

}



input[type='button'].nor16:hover {

	cursor: pointer;

	background-position-x: 0px;

	background-position-y: -16px;

}



input[type='button'].dis16 {

	cursor: not-allowed;

	background-position-x: 0px;

	background-position-y: -32px;

}



input[type='button'].icon16 {

	width: 16px !important;

	height: 16px;

	border: var(--border-style-none);

	vertical-align: middle;

	background-size: auto;

	background-origin: padding-box;

	background-clip: border-box;

	background-color: var(--color-transparent);

	background-repeat: no-repeat;

}



.textStyleColor {

	color: var(--color-red);

}



#LabResults tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



/** -----------	Lab Results END ------------*/

/** -----------	Rad Results START ------------*/



.icnRadAttachment16 {

	background: url(../images/icnRadAttachment16.png);

}



#RadResults tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



/** -----------	Rad Results END ------------*/



/** -----------	Vital Matrix START ------------*/



#VitalMatrixTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



/** -----------	Vital Matrix END ------------*/



/** -----------	Lab Matrix START ------------*/

#LabMatrixTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



/** -----------	Lab Matrix END ------------*/



/** -----------	Rad Matrix START ------------*/



#RadMatrixTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



/** -----------	Rad Matrix END ------------*/



/** -----------	Education START ------------*/



#EducationTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



/** -----------	Education END ------------*/



/** -----------	Past Health Summary Start ------------*/



.summary-dropdown-item.active,

.summary-dropdown-item:active {

	color: var(--color-000);

	text-decoration: none;

	background-color: var(--color-b2d4f9) !important;

}



.icnCalendar16 {

	background: url(../images/icnCalendar16.png) no-repeat;

}



#PastHealthSummaryTable tr {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 16px;

	letter-spacing: 0.03em;

	color: var(--color-333333);

}



span.calIcnInsideTextbox {

	margin-left: -25px;

	margin-top: 2px;

}



/** -----------	Past Health Summary END ------------*/



/** -----------	Generic Modal Popup Start ------------*/



.modal-content {

	margin-top: 100px;

}



.modal-header {

	padding: 0.5rem 1rem;

}



.modal-body {

	overflow: auto;

	padding: 1rem 1rem 0px 1rem !important;

}



.modal-footer {

	padding: .50rem;

}



/** -----------	Generic Modal Popup END ------------*/



::-webkit-scrollbar {

	width: 7px;

	height: 7px;

}



/* Track */

::-webkit-scrollbar-track {

	background: var(--color-f1f1f1);



}



/* Handle */

::-webkit-scrollbar-thumb {

	background: var(--color-rgb-rgb200-200-200);

	border-radius: var(--border-radius-5px);

}



.dataTables_scrollBody {

	scrollbar-width: thin;

}



/** -----------	START Firefox scroll bar ------------*/

div {

	scrollbar-width: thin;

}



/** -----------	END Firefox scroll bar ------------*/



/** -----------	Change / Create Password START ------------*/

.change-password-right-panel-container {

	background: var(--color-fbfbfb);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-eeeeee);

	box-sizing: border-box;

	border-radius: var(--border-radius-6px);

}



.change-password-right-panel-title {

	font-family: Roboto;

	font-style: normal;

	font-weight: 500;

	font-size: var(--font-size-0-95rem);

	line-height: 14px;

	letter-spacing: 0.03em;

	color: var(--color-777777);

}



.change-password-right-label {

	font-family: Lato;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-13px);

	line-height: 25px;

}



.change-password-right-panel-margin {

	margin-top: 0.4rem;

	margin-left: 0.9rem;

	margin-bottom: 0.4rem;

}



/** -----------	Change / Create Password END------------*/



/** -----------	Swal Pop UP Password END------------*/

.swal-button swal-button--catch {

	width: 80px !important;

	height: 45px !important;

}



.swal-icon--success__ring {

	border: var(--border-width-4px) var(--border-style-solid) var(--color-a5dc86) !important;

	width: 60px !important;

	height: 60px !important;

}



.swal-icon--success__line--tip {

	width: 20px !important;

	left: 12px !important;

	top: 33px !important;

}



.swal-icon--success__line--long {

	width: 31px !important;

	right: 26px !important;

	top: 28px !important;

}



.swal-modal {

	width: 585px !important;

	border-radius: var(--border-radius-25px) !important;

}



.swal-title {

	font-size: var(--font-size-20px) !important;

	padding: 5px 16px !important;

}



.swal-text {

	color: var(--color-rgb-rgba0-0-0-65) !important;

	font-weight: 400 !important;

	text-transform: none !important;

	position: relative !important;

	display: block !important;

	padding: 0px 16px !important;

	font-size: var(--font-size-20px) !important;

	line-height: normal !important;

	text-align: center !important;

}



.swal-content {

	font-size: small !important;

	font-family: verdana !important;

	text-align: left !important;

}



.swal-button {

	background-color: var(--color-5e71b4) !important;

}



.swal-button:not([disabled]):hover {

	background-color: var(--color-6d73be) !important;

}



/** -----------Swal Pop UP END------------*/



/** -------------- Appointment Module Start */

.appt-scheduled-status-color {

	color: var(--color-0000ff);

}



.appt-tentative-status-color {

	color: var(--color-ff9900);

}



.appt-requested-status-color {

	color: var(--color-ff0000-2);

}



.appt-connected-status-color {

	color: var(--color-6aa84f);

}



.appt-slot-button {

	background: var(--color-ffffff);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-c5c5c5);

	box-sizing: border-box;

	border-radius: var(--border-radius-2px);

	width: 5rem;

	margin: 0.7rem;

	margin-bottom: 0rem;

}



.appt-slot-button-disable {

	background: var(--color-dfe0f1);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-c5c5c5);

	box-sizing: border-box;

	border-radius: var(--border-radius-2px);

	width: 5rem;

	margin: 0.7rem;

	margin-bottom: 0rem;

}



.appt-slot-button:hover {

	background: var(--color-dfe0f1);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-c5c5c5);

}



.appt-slot-button-text {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-0-9rem);

	line-height: 1.5rem;

	text-align: center;

	color: var(--color-2a2f77);

	opacity: 0.87;

	margin-left: 1.8rem;

}



.appt-slot-title-msg {

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-1-2rem);

	line-height: 16px;

	color: var(--color-2a2f77);

	margin: 0.6rem;

}



.appt-tab-pane-scroll-bar {

	height: 23rem;

	overflow: hidden;

	outline: none;

}



.appt-validation-msg {

	font-weight: 401;

	font-size: var(--font-size-1rem);

	line-height: 20px;

	letter-spacing: 0.01em;

	color: var(--color-828282);

}



/** -------------- Appointment Module End */



.span-header {

	position: relative;

	top: 0.5rem;

	padding-left: 0.7rem;

	font-size: var(--font-size-14px);

	font-weight: 700;

}



.paginationDiv {

	height: 24px;

	width: 100%;

	padding: 0px;

}



.paginationIcons {

	width: 24px;

	height: 24px;

	line-height: 24px;

	border: var(--border-style-none);

	cursor: pointer;

	outline: none;

	display: inline-block;

	margin-left: 5px;

	vertical-align: top;

}



.pagination-first {

	background: url(../images/pagination-first.png) no-repeat;

}



.pagination-last {

	background: url(../images/pagination-last.png) no-repeat;

}



.pagination-next {

	background: url(../images/pagination-next.png) no-repeat;

}



.pagination-previous {

	background: url(../images/pagination-previous.png) no-repeat;

}



#pp_container_footer {

	position: fixed;

	bottom: 0;

	width: 100%;

	height: 30px;

	padding-left: 3%;

	margin-top: 5px;

	margin-bottom: 5px;

}



#pp_container_header {

	position: relative;

	top: 0;

	width: 100%;

	margin-bottom: 0.9%;

}



#menu_content {

	width: 100%;

	overflow: auto;

}



/* Exisitng patient portal css */

.portalButtonShort {

	width: 100px;

	height: 25px;

	color: var(--color-000000);

}



.portalButton {

	width: 150px;

	height: 25px;

	color: var(--color-000000);

}



.portalButtonNor {

	background: url(../images/ButtonNormal.png);

	background-repeat: repeat-x;

	text-align: center;

	cursor: pointer;

}



.portalButtonDis {

	background-repeat: repeat-x;

	text-align: center;

	cursor: not-allowed;

}



.portalButtonNor:hover {

	background: url(../images/ButtonHover.png);

	background-repeat: repeat-x;

}



.tableHead {

	background-color: var(--color-e8e8e8);

	height: 25px !important;

	border-bottom: var(--border-width-1px) var(--border-style-solid) var(--color-d0cfcf);

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 900 !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	text-transform: capitalize !important;

	color: var(--color-828282) !important;

}



.RBL6 {

	background-color: var(--color-fafafa);

	height: 25px;

	text-align: center;

	vertical-align: middle;

}



.RBL7 {

	background-color: var(--color-ffffff);

	height: 25px;

	text-align: center;

	vertical-align: middle;

}



.RBL8 {

	background: var(--color-6699cc);

	height: 25px;

	color: var(--color-white);

	text-align: center;

	vertical-align: middle;

}



.oddrow {

	background-color: var(--color-e9e8e8);

	height: 25px;

}



.evenrow {

	background-color: var(--color-fafafa);

	height: 25px;

}



.hidepopupscroll {

	clear: both;

	width: 100%;

	padding: 0;

	margin: 0;

	overflow: hidden;

}



.navbar-expand-lg .navbar-nav .nav-link {

	padding-right: .2rem !important;

	padding-left: .2rem !important;

}



.nav-link {

	padding: 0% !important;

}



#newData a {

	white-space: pre-wrap;

	/* CSS3 */

	white-space: -moz-pre-wrap;

	/* Mozilla, since 1999 */

	white-space: -pre-wrap;

	/* Opera 4-6 */

	white-space: -o-pre-wrap;

	/* Opera 7 */

	word-wrap: break-word;

	/* Internet Explorer 5.5+ */

}



.pwd-icon {

	float: right;

	margin-top: -1.4rem;

	padding-right: 1.2rem;

}



.RL9 {

	font-size: var(--font-size-12px);

	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

	font-weight: bold;

	color: var(--color-ffffff);

	background: var(--color-848484);

}



::-ms-clear {

	display: none;

}



::-ms-reveal {

	display: none;

}



/* .mandatory {

	background : url(../images/mandatory.png) no-repeat left center;

	text-indent : 10px

} */

.mandatory::after {

	content: '*';

	color: var(--color-e87979);

	padding-left: 2px;

}



.dashboard-link {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 500 !important;

	font-size: var(--font-size-12px) !important;

	line-height: 14px !important;

	letter-spacing: 0.02em !important;

	text-transform: uppercase !important;

}



.readonlyec {

	background: var(--color-cccccc);

}





/* SignUp Css Start */

/*progressbar*/

#progressbar {

	margin-bottom: 10px;

	overflow: hidden;

	counter-reset: step;

}



#progressbar li {

	list-style-type: none;

	text-transform: uppercase;

	font-size: var(--font-size-9px);

	width: 33.33%;

	float: left;

	position: relative;

	text-align: center;

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 18px;

	text-align: center;

	color: var(--color-777777);

	mix-blend-mode: normal;

}



#progressbar li:before {

	content: counter(step);

	counter-increment: step;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: block;

	font-size: var(--font-size-12px);

	color: var(--color-333);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-828282) !important;

	border-radius: var(--border-radius-25px);

	margin: 0 auto 10px auto;

	background: var(--color-ffffff-2) !important;

}



/*progressbar connectors*/

#progressbar li:after {

	content: '';

	width: 100%;

	height: 2px;

	position: absolute;

	left: -50%;

	top: 13px;

	color: var(--color-333);

	z-index: -1;

	/*put it behind the numbers*/

	background: var(--color-cccccc) !important;

}



#progressbar li:first-child:after {

	content: none;

}



#progressbar li.active:before,

#progressbar li.active:after {

	background: var(--color-2a2f77) !important;

	color: var(--color-white-2) !important;

}



.detailedSignUp {

	border: var(--border-width-0) var(--border-style-none);

	border-radius: var(--border-radius-0px);

	width: 80%;

	margin: 0 10%;

	position: relative;

}
.detailedSignUp input[type = 'text'],
.detailedSignUp select{
	margin:0 !important;
}



/*Hide all except first fieldset*/

.detailedSignUp:not(:first-of-type) {

	display: none;

}



/* SignUp Css End */



.mailHeaderActive {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 900 !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	text-transform: uppercase;

	padding-bottom: 5px;

	color: var(--color-333333);

	border-bottom: var(--border-width-2px) var(--border-style-solid) var(--color-2a2f77) !important;

}



.mailHeader {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 900 !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	text-transform: uppercase;

	padding-bottom: 5px;

	color: var(--color-007bff);

}



.mssgCenterTitleFont {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: 900 !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	text-transform: capitalize !important;

	color: var(--color-828282) !important;

}



.mssgCenterBodyFont {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: normal !important;

	font-size: var(--font-size-14px) !important;

	line-height: 16px !important;

	letter-spacing: 0.03em !important;

	color: var(--color-908e8e) !important;

}



.selOpts {

	font-family: Roboto;

	font-style: normal;

	font-weight: 500;

	font-size: var(--font-size-14px);

	line-height: 16px;

	background: var(--color-fbfbfb);

	color: var(--color-333333);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-dfe0f1);

	box-sizing: border-box;

	border-radius: var(--border-radius-6px);

	min-width: 90px;

	max-width: 122px;

	width: fit-content;

	float: left;

	margin: 3px 5px 0px 0px;

	height: 25px;

	padding-left: 3px;



}



.selOptLabel {

	width: calc(100% - 20px);

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	float: left;

	margin-top: 4px;

}



.selOptSpan {

	content: url(../images/close-circle.svg);

	float: left;

	margin-top: 3px;

}



.selOpts input {

	border: var(--border-width-0);

	background: var(--color-fbfbfb);

	box-shadow: none;

	min-width: 50px;

	max-width: 122px;

	width: fit-content;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.grpSelectorDelete {

	/* background : url(../images/close-circle.svg) no-repeat right center; */

	content: url(../images/close-circle.svg);

}



.grpBlockCss {

	border-left: var(--border-width-2px) var(--border-style-solid) var(--color-e5eef0);

	height: 90%;

	float: left;

	width: 10px;

}



.grpBlockBtn {

	color: var(--color-8488cd);

	display: flex;

	align-items: center;

	text-align: center;

	font-family: Roboto;

	font-style: normal;

	font-weight: bold;

	font-size: var(--font-size-15px);

	line-height: 18px;

	background: var(--color-ffffff);

	width: 23px;

	border: var(--border-width-1px) var(--border-style-solid) var(--color-8488cd);

	box-sizing: border-box;

	border-radius: var(--border-radius-2px);

	float: left;

}



.grpBlockLabel {

	text-align: center;

	font-family: Roboto;

	font-style: normal;

	font-weight: bold;

	font-size: var(--font-size-15px);

	line-height: 18px;

	float: left;

	color: var(--color-8488cd);

	display: flex;

	padding-left: 5px;

}



@-moz-document url-prefix() {

	.dropdown-toggle::after {

		vertical-align: -moz-middle-with-baseline;

	}

}



.card-no-data {

	padding-left: 1rem !important;

	padding-top: 0.5rem !important;

}



/* Attach Document Start */

.deletableBlock {

	background-color: var(--color-e9e9e9);

	width: 150px;

	height: 23px;

	float: left;

	cursor: pointer;

	margin: 0px 0px 0px 10px;

	padding: 0px;

	vertical-align: middle;

	border-radius: var(--border-radius-3px);

}



.deletableBlock table {

	border: var(--border-width-0px);

	width: 100%;

	height: 23px;

	table-layout: fixed;

}



.deletableBlock table td.icons {

	width: 10%;

}



.deletableBlock table td.blank {

	width: 1px;

	background-color: var(--color-white-2);

	margin: 0px;

	padding: 0px;

}



.deletableBlock table td.icnDelete {

	width: 12%;

	vertical-align: middle;

	text-align: center;

}



.globalIcnSize {

	width: 22px;

	height: 16px;

	border: var(--border-style-none);

	outline: none;

	padding: 0px;

	border-width: var(--border-width-0px);

	background-color: var(--color-transparent);

	cursor: pointer;

}



.icnCancel {

	background: url(../images/ApptDeleteNormal.png) no-repeat;

	background-size: 12px;

}



.icnCancelHover {

	background: url(../images/ApptDeleteHover.png) no-repeat;

	background-size: 12px;

}



.icnSearch {

	background: url(../images/PatientPortalIcons/WebIcons/OtherIcons/Search.png) no-repeat;

	opacity: 0.4;

}



.icnEye {

	background: url("../images/enableView.png") 10% 50% no-repeat;

}



.icnEyeDisabled {

	background: url("../images/disabledView.png") 10% 50% no-repeat;

}



/* .columnflt{

	width : 16px;

	height : 16px;

	border : none;

	outline:none;

	position: relative;

}  */

/* EMP ID 10569 :- SC 319657: PPRevamp :Attach Document- Sprint2R1: Filter icon position is not proper with respect to column title position. It is upward next to column title

   Changes confirmed By Vishal */



.columnfltwithdata {

	background: url(../images/FilterWithData.svg) no-repeat;

}



.columnfltnodata {

	background: url(../images/FilterNoData.svg) no-repeat;

}



.columnflt {

	position: absolute;

	height: 16px;

	width: 15px;

	background-size: 12px 13px;

	background-repeat: no-repeat !important;

	background-position-y: 3px;

	border: var(--border-style-none);

	outline: none;

	cursor: pointer;

	margin-left: 18px;

}



.columnflt:hover {

	outline: none;

}



.columnfltdis {

	background: url(../images/colFilterNoData.png) no-repeat;

	cursor: not-allowed;

}



.columnfltdn {

	background: url(../images/colFilterNoData.png) no-repeat;

	cursor: pointer;

}



.columnfltnor {

	background: url(../images/colFilterNoData.png) no-repeat;

	cursor: pointer;

}



/* .columnfltwithdata{

	 background : url(../images/FilterWithData.svg) no-repeat;

	cursor : pointer;

	background-size: 12px 13px;

	background-position-y: 3px;

}

.columnfltnodata{

	background : url(../images/FilterNoData.svg) no-repeat;

	background-size: 12px 13px;

	cursor : pointer;

	background-position-y: 3px;

} */













/* Attach Document End */



.globalHrRow {

	border-top: var(--border-width-2px) var(--border-style-solid) var(--color-e5eef0);

	width: 100%;

	margin-top: 0rem;

	margin-bottom: 0rem;

}



.error {

	color: var(--color-ff0000) !important;

	font-weight: 500;

}



.warning {

	color: var(--color-f76a0c) !important;

	font-weight: 500;

}



.messages {

	color: var(--color-156915) !important;

	font-weight: 500;

}



/* New Patient Workflow Start */



/*progressbar*/

.wrapperContainer {

	margin: 10px 10% 10px 10%;

	box-shadow: 0px 3px 8px var(--color-rgb-rgba0-0-0-0-15);

	border-radius: var(--border-radius-4px);

	height: calc(100% - 20px);

}



#workflowProgressbar {

	overflow: hidden;

	counter-reset: step;

}



#workflowProgressbar li {

	list-style-type: none;

	text-transform: uppercase;

	font-size: var(--font-size-9px);

	float: left;

	position: relative;

	text-align: center;

	font-family: Roboto;

	font-style: normal;

	font-weight: normal;

	font-size: var(--font-size-14px);

	line-height: 18px;

	text-align: center;

	color: var(--color-777777);

	mix-blend-mode: normal;

}



#workflowProgressbar li:before {

	content: counter(step);

	counter-increment: step;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: block;

	font-size: var(--font-size-12px);

	color: var(--color-333);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-828282);

	border-radius: var(--border-radius-25px);

	margin: 0 auto 10px auto;

	background: var(--color-ffffff-2);

}



/*progressbar connectors*/

#workflowProgressbar li:after {

	content: '';

	width: 100%;

	height: 2px;

	position: absolute;

	left: -50%;

	top: 13px;

	color: var(--color-333);

	z-index: -1;

	/*put it behind the numbers*/

	background: var(--color-cccccc);

}



#workflowProgressbar li:first-child:after {

	content: none;

}



#workflowProgressbar li.active:before,

#workflowProgressbar li.active:after {

	background: var(--color-2a2f77);

	color: var(--color-white-2);

}



.workflowDetail {

	border: var(--border-width-0) var(--border-style-none);

	border-radius: var(--border-radius-0px);

	width: 100%;

	position: relative;

}



/*Hide all except first fieldset*/

.workflowDetail:not(:first-of-type) {

	display: none;

}



/* New Patient Workflow End */



.disabled {

	background: var(--color-f0f0f1bf) !important;

	/* pointer-events: none; */

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	outline: 0;

	background-color: var(--color-f0f0f1bf) !important;

	opacity: 1;

	cursor: not-allowed !important;

}



:disabled {

	cursor: not-allowed !important;

}



;



.disabledWithOutBackground {

	cursor: not-allowed;

	pointer-events: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	outline: 0;

	opacity: 1;

}



.swal2-popup .swal2-styled {

	overflow-y: none !important;

	height: 32px !important;

	border: var(--border-width-1px) var(--border-style-solid) var(--color-5e71b4) !important;

	box-sizing: border-box;

	border-radius: var(--border-radius-2px);

	font-family: Roboto;

	font-style: normal;

	font-weight: bold;

	font-size: var(--font-size-15px);

	line-height: 18px !important;

	background-color: var(--color-ffffff) !important;

	font-color: var(--color-5e71b4) !important;

	color: var(--color-5e71b4) !important;

	float: right;

}



.swal2-popup .swal2-styled.swal2-confirm {

	background-color: var(--color-5e71b4) !important;

	font-color: var(--color-ffffff);

	color: var(--color-ffffff) !important;

}





.schedule-btn {

	background-color: var(--color-8488cd);

	overflow-y: none !important;

	width: 9rem;

	height: 1.8rem;

	border: var(--border-width-1px) var(--border-style-solid) var(--color-8488cd);

	box-sizing: border-box;

	border-radius: var(--border-radius-2px);

	font-family: Roboto;

	font-style: normal;

	font-size: var(--font-size-1rem);

	line-height: 18px;

	float: right;

	color: var(--color-ffffff);

}



.cancel-btn {

	color: var(--color-191eb7);

	font-size: var(--font-size-1-0625em);

	background: var(--color-fbfbfb);

	border: var(--border-width-1px) var(--border-style-solid) var(--color-8488cd);

	box-sizing: border-box;

	border-radius: var(--border-radius-2px);

	width: 6rem;

	height: 1.8rem;

	font-family: Roboto;

	font-style: normal;

	font-size: var(--font-size-1rem);

	line-height: 18px;

	float: right;

	color: var(--color-8488cd) !important;

}



.swal2-footer {

	margin-left: 12rem;

}



.swal2-container {

	z-index: 9999;

}



div.dataTables_scroll>div.dataTables_scrollHead>div>table>thead>tr>th.sorting>span.arrow-icon {

	background: url("../images/sort_both.png") !important;

	position: absolute;

	height: 16px;

	width: 15px;

	background-size: 10px 13px;

	background-repeat: no-repeat !important;

}



div.dataTables_scroll>div.dataTables_scrollHead>div>table>thead>tr>th.sorting_asc>span.arrow-icon {

	background: url("../images/sort_asc.png") !important;

	position: absolute;

	height: 16px;

	width: 15px;

	background-size: 10px 13px;

	background-repeat: no-repeat !important;

}



div.dataTables_scroll>div.dataTables_scrollHead>div>table>thead>tr>th.sorting_desc>span.arrow-icon {

	background: url("../images/sort_desc.png") !important;

	position: absolute;

	height: 16px;

	width: 15px;

	background-size: 10px 13px;

	background-repeat: no-repeat !important;

}



/*for Search Icon  */

.fa-search {

	opacity: 0.5;

}



#popUpDiv .card-header {

	text-transform: uppercase;

}



textarea {

	resize: none;

}



.swal2-actions {

	margin-right: 0px !important;

}



.swal2-actions .swal2-styled {

	padding-top: 0px !important;

	padding-bottom: 0px !important;

}



.dataTables_empty {

	font-family: Roboto !important;

	font-style: normal !important;

	font-weight: normal !important;

	font-size: var(--font-size-14px) !important;

	line-height: 24px !important;

	letter-spacing: 0.03em !important;

	color: var(--color-908e8e) !important;

	font-style: italic !important;

}



.form-control:disabled,

.form-control[readonly] {

	background-color: var(--color-f0f0f1bf) !important;

}



::placeholder {

	color: var(--color-afaaaaa6) !important;

	opacity: 1 !important;

	/* Firefox */

}



:-ms-input-placeholder {

	/* Internet Explorer 10-11 */

	color: var(--color-afaaaaa6) !important

}



::-ms-input-placeholder {

	/* Microsoft Edge */

	color: var(--color-afaaaaa6) !important

}



.formControlFocus {

	color: var(--color-495057);

	background-color: var(--color-fff);

	border-color: var(--color-80bdff);

	outline: 0;

	box-shadow: 0 0 0 .2rem var(--color-rgb-rgba0-123-255-25)

}



.exitBtn {

	padding-left: 5% !important;

	padding-right: 5% !important;

	position: absolute !important;

	bottom: 0 !important;

	overflow: hidden !important;

	text-overflow: ellipsis !important;

	white-space: nowrap !important;

}



body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),

html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {

	height: 100% !important;

	overflow-y: hidden !important;

}



.swal2-popup .swal2-image {

	margin: 0.5em auto !important;

}



.swal2-popup .swal2-content {

	font-family: 'Roboto' !important;

	font-weight: 500 !important;

	font-size: var(--font-size-1rem) !important;

	line-height: 19px !important;

	letter-spacing: 0.01em !important;

	color: var(--color-333333) !important;

}



.swal2-popup {

	width: 30em !important;

}



.swal2-popup .swal2-title {

	font-size: var(--font-size-20px) !important;

}



.custom-control-label.cardLabelFont {

	line-height: 24px !important;

}



.provider_icon {

	width: 40px;

	height: 40px;

	border-radius: var(--border-radius-50pct);

}



.dropdown.activeNow.show span,

.dropdown.activeNow.show .dropdown-toggle::after {

	color: var(--color-white-2) !important;

}



.dropdown.activeNow.show .a1 {

	display: inline-block !important;

}



.dropdown.activeNow.show .a2 {



	display: none !important;

}



.PaymentTableData {

	height: 100%;

	padding: 1rem 6rem;

	overflow-y: auto;

}



#slotDiv {

	width: 20%;

}



#mailInboxTable .attachbut {

	width: 20px;

	height: 20px;

	border: var(--border-style-none);

	background: var(--color-333366);

}



#mailInboxTable .attachbutnor {

	background: url("../images/attach.png") no-repeat;

	cursor: pointer;

	background-size: 20px 20px;

}



#mailInboxTable .attachbutdn {

	background: url("../images/attach.png") no-repeat;

	cursor: pointer;

	background-size: 20px 20px;

}



#mailInboxTable .attachbutdis {

	background: url("../images/attach.png") no-repeat;

	cursor: pointer;

	background-size: 20px 20px;

}



input[type='button'].icon16 {

	width: 16px;

	height: 16px;

	border: var(--border-style-none);

	vertical-align: middle;

	background-size: auto;

	background-origin: padding-box;

	background-clip: border-box;

	background-color: var(--color-transparent);

	background-attachment: scroll;

	-webkit-appearance: none;

	-webkit-border-radius: 0px;

	/* background-repeat: repeat; */

}



.icnSearch16 {

	/*searchbut OR searchButton*/

	background: url(../images/icnSearch16.png) no-repeat;

}



/* Patient Photo Start */

.patientPhotoHeader {

	height: 25px;

	border: var(--border-width-1px) var(--border-style-solid);

	line-height: 25px;

	padding: 0 5px;

	border-radius: var(--border-radius-4px);

	font-weight: bold;

}



.patientPhotoData {

	border: var(--border-width-1px) var(--border-style-solid);

	border-radius: var(--border-radius-4px);

	height: calc(100% - 25px);
	position:relative;

}



.attachbut {

	width: 20px;

	height: 20px;

	border: var(--border-style-none);

	vertical-align: middle;

	float: right;

	margin-right: 5px;

	margin-top: 2px;

}



.attachbutnor {

	background: url(../images/icnAttachment20.png) no-repeat 0px 0px;

	cursor: pointer;

}



.attachbutdn {

	background: url(../images/icnAttachment20.png) no-repeat 0px -20px;

	cursor: pointer;

}



.attachbutdis {

	background: url(../images/icnAttachment20.png) no-repeat 0px -40px;

	cursor: not-allowed;

}



.detachPhoto {

	width: 20px;

	height: 20px;

	border: var(--border-style-none);

	vertical-align: middle;

	float: right;

	margin-right: 5px;

	margin-top: 2px;

	cursor: pointer;

}



.detachPhotoNor {

	background: url(../images/img_close20.png) 0px 0px no-repeat;

}



.overlayDiv {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 100;

	display: none;

	background: var(--color-fff);

	opacity: 0.4;

}



.capturePopupDiv {



	display: none;

}



.dropdown-content {

	display: none;

	position: absolute;

	background-color: var(--color-f9f9f9);

	min-width: 80px;

	box-shadow: 0px 8px 16px 0px var(--color-rgb-rgba0-0-0-0-2);

	z-index: 1;

	border: var(--border-width-1px) var(--border-style-solid) var(--color-black);

}



.dropdown-content a {

	color: var(--color-black);

	padding: 5px 5px 5px 5px;

	text-decoration: none;

	display: block;

}



.dropdown-content a:hover {

	cursor: pointer;

	background-color: var(--color-gainsboro)

}



.UploadImg {

	position: relative;

	top: 0;

	left: 0;

}



.UnderReviewImg {

	position: absolute;

	top: 0px;

	opacity: 0.7;

}



/* Patient Photo End */

/*Added By Bhakti For PROG-644*/

.disableReadOnlyMode {

	text-decoration: none !important;

	cursor: not-allowed !important;

	opacity: 0.3 !important;

}





#menuContent .card-content {

	padding: 0 10px !important

}



.dropdown-toggle::after {

	display: inline-block;

	margin-left: .255em;

	vertical-align: .255em;

	content: "";

	border-top: var(--border-width-3em) var(--border-style-solid);

	border-right: var(--border-width-3em) var(--border-style-solid) var(--color-transparent);

	border-bottom: var(--border-width-0);

	border-left: var(--border-width-3em) var(--border-style-solid) var(--color-transparent);

}



.form-control {

	-webkit-appearance: auto;

    -moz-appearance: auto;

    appearance: auto;

}

.card{

    background-color: var(--color-fff);

    background-clip: border-box;

    border: var(--border-width-1px) var(--border-style-solid) var(--color-rgb-rgba0-0-0-125);

    border-radius: var(--border-radius-25rem);

    

}



.table-striped tbody tr:nth-of-type(odd) {

    background-color: var(--color-rgb-rgba0-0-0-05);

}



table.dataTable tbody tr {

    background-color: var(--color-ffffff-2);

}

/* Global padding for all Bootstrap columns */

[class*="col-"] {

    padding-left: 12px;

    padding-right: 12px;



}





#personalInfoMenu .dropdown-menu{

	

	margin-top:-45px!important

	

}



.card-footer{

	

	background-color: var(--color-rgb-rgba0-0-0-03);

    border-top: var(--border-width-1px) var(--border-style-solid) var(--color-rgb-rgba0-0-0-125);

}

.form-check-input[type=radio] {

    border-radius: var(--border-radius-50pct);

    margin-right: 15px;

}