.label-custom-18px {
	font-size: 18px;
	font-weight: 400;
	/*font-family: GlacialIndifference_Regular;*/
}


header.header-patientportal{
	background: #fff;
	border-bottom: 1px solid rgb(210 212 215 / 27%);
}
header.header-patientportal .navbar {
	padding-top: .3rem;
	padding-bottom: .3rem;
}

header.header-patientportal .dropdown-toggle::after,header.header-patientportal .dropdown-toggle:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
	background-size: 16px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	border: none;
	position: absolute;
	margin-top: 14px;
	margin-left: 4px;
}
.border-dashed-light{
	border: 1px dashed rgb(210 212 215 / 50%);
}
.btn-icon-default {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 35px;
}

.bg-theme-light {
	background: #f1baa4
}

.bg-lightblue {
	background-color: #F1F1FC;
}

.bg-green {
	background-color: #00C48C;
}

.btn-default img {
	width: 14px;
	height: 14px;
}

header.header-patientportal {
	/*border-bottom: 1px solid rgb(0 0 0 / 10%);*/
	padding: 0 15px;
}

header.header-patientportal .nav-link {
	color: #1B053C !important;
	font-weight: 400;
	font-size: 16px;
}

.dropdown-toggle-custom {
	display: flex;
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
	color: #808080 !important;
	font-family: var(--font-medium);
	font-size: 16px !important;
}

.dropdown-toggle-custom span {
	margin-right: 7px;
}

.dropdown-toggle-custom::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='' height='' x='0' y='0' viewBox='0 0 256 256' style='enable-background:new 0 0 512 512;' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093 ' fill='%23ef6b23' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	margin-top: 3px;
	background-size: 10px;
	width: 10px;
	height: 10px;
	/* vertical-align: .255em; */
	content: "";
	border: none;
}





.title {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	color: var(--maincolor);
	padding-left: 0px;
	z-index: 0;
	display: inline-block;
}

.title-md {
	font-size: 22px;
	margin-bottom: 0px;
	color: #1B053C !important;
	font-family: sfprobold;
	/*font-weight: 500;*/
}

.color-main {
	color: #1B053C !important;
}

.title-div {
	margin-bottom: 15px;
}


.titlewithoutdot:before {
	content: none;
}

.thumbimg {
	width: 50px;
	height: 50px;
}

.texttitle {
	font-size: 28px;
	font-weight: 400;
}

.login-main-title {
	font-size: 32px
}

.login-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.login-left-section {
	height: 100vh;
	background-color: #fff;
}

.title-div-with-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dropdown-menu {
	font-size: 14px;
	border: 1px solid transparent;
	border-radius: 8px;
	right: 0;
	left: auto;
	box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 6%);
	margin-top: 10px;
}

header.header-patientportal img.logo {
	height: 60px;
}



.btn-theme {
	background: var(--theme);
	color: var(--white);
	/*box-shadow: 0px 3px 6px #00000029;*/

}

.btn-red {
	background-color: #F14444;
	color: #fff;
	border-color: #f14444;
}

.btn-red:hover {
	background-color: transparent;
	color: #F14444;
}

.btn-lighttheme {
	background-color: rgb(75 74 213 / 8%);
	color: var(--theme);
	/*font-size: 16px;*/
}

.btn-lighttheme:hover {
	background-color: var(--theme);
	color: var(--white);
}

.btn-theme:hover {
	background: transparent;
	border-color: var(--theme);
	color: var(--theme) !important;
	;
	/*box-shadow: none*/
}

.btn-theme-secondary {
	background: var(--themesecondary);
	color: var(--white);
	/*box-shadow: 0px 8px 30px 0px rgb(8 14 61 / 10%);*/
}

.btn-theme-secondary:hover {
	background: transparent;
	border-color: var(--themesecondary);
	color: var(--themesecondary) !important;
	/*box-shadow: none;*/
}

.btn {
	font-size: 16px;
	font-family: var(--font-medium);
	/*padding-left: 1rem;
	padding-right: 1rem;*/
	/*padding-top: .69rem;
	padding-bottom: .69rem;*/
	border-radius: var(--br-theme);
	white-space: nowrap;
}

.btn-sm {
	font-size: 12px;
	padding-top: .2rem;
	padding-bottom: .2rem;
}

a.nav-link.nav-link-header {
	background: rgb(255 255 255 / 20%);
	border-radius: 100%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .nav-item {
	margin-left: 10px;
}

.table-custom tr th {
	background-color: #F1F1FC;
	vertical-align: middle;
	font-size: 14px;
	padding: .7rem .8rem;
	/*font-family: var(--font-semibold);*/
}


/*login section*/

.login-right-section {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

.login-continuebtn-div {
	padding: 35px 0;
}

.box-shadow {
	box-shadow: 0px 5px 10px #AAAAAA26;
}

.icon-selectprofile {
	max-width: 50px;
	height: 50px;
	border-radius: 100%;
	margin-right: 15px;
}

.radiobuttonpositionabsolute {
	position: absolute;
	top: 10px;
	right: 10px;
}

.form-group-selectprofile .form-check-label {
	display: flex;
	align-items: center;
	/*margin-right: 40px;*/
}

.form-group-selectprofile .form-check-label:hover {
	cursor: pointer;
	border: 1px solid #4B4AD5;
	background-color: #BAB9FB;
}

.ul-selectprofile-popup li {}

.ul-selectprofile-popup .form-check .form-check-label {
	box-shadow: 0px 3px 6px rgb(0 0 0 / 6%);
	border: 0.5px solid rgb(27 5 60 / 9%);
	margin-bottom: 20px;
	padding-right: 40px;
	width: 	100%;
	padding: 10px;
	color: #151522;
	border-radius: var(--br-theme);
	/*display: flex;
    align-items: center;
    justify-content: space-between;*/
}

.form-group-selectprofile .form-check-input {
	right: 10px;
	position: absolute;
	top: 47%;
	opacity: 0;
	transform: translateY(-50%);
}

.form-group-selectprofile .form-check-input:checked {
	background-color: var(--white);
	border-color: var(--white);
	opacity: 1;
}

.form-group-selectprofile .form-check-input:focus {
	outline: none;
	box-shadow: none;
}

.form-group-selectprofile .form-check-input:checked[type=radio]~.form-check-label {
	border: 1px solid #4B4AD5;
	background-color: #BAB9FB;
}

.form-group-selectprofile .form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_33244' data-name='Group 33244' transform='translate(-381 -242)'%3E%3Cg id='Group_18977' data-name='Group 18977' transform='translate(381 242)'%3E%3Ccircle id='Ellipse_1649' data-name='Ellipse 1649' cx='12' cy='12' r='12' fill='%23fff'/%3E%3C/g%3E%3Cpath id='Path_32060' data-name='Path 32060' d='M385.722,252.655l4.145,4.145,7.507-7.33' transform='translate(1.699 1.835)' fill='none' stroke='%234b4ad5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 20px;
	width: 20px;
	height: 20px;
}

.navbar-patientportal .nav-link-profile a.dropdown {
	color: #666666;
}

.navbar-patientportal .nav-link-profile a.dropdown-item i {
	font-size: 18px;
}

.navbar-patientportal .nav-link-profile a:hover,
.navbar-patientportal .nav-link-profile a:focus {
	color: var(--theme);
}



.page-wrapper-patientportal {
	margin-left: 250px;
	padding: 20px;
	padding-bottom: 50px;
}


/*left sidebar css*/

.patientportal-left-sidebar {
	border-right: 1px solid rgb(221 221 221 / 64%);
	width: 250px;
	position: fixed;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	top: 62px;
	bottom: 0;
	padding-top: 10px;
	z-index: 101;
	font-size: 14px;
	background-color: var(--white);
}
.patientportal-left-sidebar li{
/*	margin-left: 10px;
margin-right: 10px;*/
}
.patientportal-left-sidebar li.active>a,.patientportal-left-sidebar>li:hover>a{
	border-left-color: var(--theme);
    color: var(--theme);
}
.patientportal-inside-ul li.active a {
    border-left: 0;
}
.patientportal-left-sidebar li .patientportal-inside-ul{
	padding: 0;
	margin-left: 54px;
}
.patientportal-left-sidebar li a {
	border-left: 3px solid transparent;
	color: #1B053C;
	padding: 10px;
	margin-bottom: 5px;
	/* border-radius: var(--br-theme); */
	display: flex;
	font-size: 14px;
	align-items: center;
}
.patientportal-inside-ul li a{
	color: #666;
	margin-bottom: 0;
	padding: 6px 10px;
}
.patientportal-inside-ul li{
	color: #666;
}
.patientportal-left-sidebar li a img {
	margin-right: 12px;
	width: 24px;
	height: 24px;
}
.patientportal-left-sidebar li a.accordion-button::after{
	width: 14px;
	height: 14px;
	background-size: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(102,102,102,1)'/%3E%3C/svg%3E");
}
.patientportal-left-sidebar li .accordion-button:not(.collapsed)::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z' fill='rgba(75,74,213,1)'/%3E%3C/svg%3E");
	transform: rotate(0);
}
.nav-pills-custom.nav-pills-custom-md .nav-link {
	font-size: 16px;
	border-color: transparent;
}
.box-md{
	padding: 25px 20px;
}
.table-patientportal thead th{
	border-bottom: 0 !important;
	font-size: 	16px;
	padding: 	.9rem 1.2rem !important;
}
.thumb-img-md{
	width: 45px;
	border-radius: 100%;
	height: 45px;
}
.patientportal-noticon{
	width: 20px;
	height: 20px;
}
.ul-border-radius li{
	border: 1px solid rgb(210 212 215 / 50%);
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 15px;
}
.ul-border-theme li{
	border: 1px solid var(--theme);
}
.profile-thumb {
	width: 40px;
	border-radius: 100%;
	height: 40px;
	object-fit: cover;
	
}

/*book appointment css*/
.book-slot-formcheck label {
	color: var(--theme) !important;
	border-color: var(--theme) !important;
	font-size: 14px;
	width: 100%;
	padding: 4px 10px !important;
}
.form-label-patientportal{
	color: rgb(27 5 60 / 60%) !important;
}
.form-label-patientportal-dark{
	color: rgb(27 5 60 / 70%) !important;
}
.book-slot-formcheck .form-check-custom .form-check-input:checked ~ label{
	color: var(--white) !important;
}
.book-slot-formcheck .form-check-custom{
	width: 100%;
	text-align: center;
}


/*appointment calendar css*/
.mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner

{
	color: var(--white);
}
.mbsc-windows.mbsc-calendar-button.mbsc-button{
	font-weight: 500;
}
.mbsc-windows.mbsc-calendar-body .mbsc-calendar-week-day{

	font-weight: 500;
	color: var(--maincolor);
}	
.mbsc-windows.mbsc-calendar-week-nr{
	
	
	color: var(--white);
}
.mbsc-datepicker-inline{
	height: auto;
	/*vanilla calendar css ends*/
}
.mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner{
	background: #9998FF;
	border-radius: 10px;
}
.mbsc-icon>svg{
	fill: var(--maincolor);
	background: #ddd;
	padding: 5px;
	border-radius: 100%;
}
.mbsc-windows.mbsc-icon-button{
	width: auto;
}
.mbsc-windows.mbsc-button{
	padding: 0;
}
/*appointment calendar css ends*/

.ul-patientportalrecords li{
	padding: 0;
}
.records-img{
	border-top-left-radius: var(--br-theme);
	border-bottom-left-radius: var(--br-theme);
	height: 140px;
	object-fit: cover;
}
.table-inside tr>td{
	padding-left: 0 !important;
}
.accordion-mydoctors .accordion-button:not(.collapsed)::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Group_19982' data-name='Group 19982' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_18977' data-name='Group 18977'%3E%3Ccircle id='Ellipse_1649' data-name='Ellipse 1649' cx='12' cy='12' r='12' fill='%23ebebeb'/%3E%3C/g%3E%3Cpath id='Path_31640' data-name='Path 31640' d='M6484.447,6154.5h11.483' transform='translate(-6478.762 -6142.5)' fill='none' stroke='%23b4b4b4' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}
.accordion-mydoctors .accordion-button::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Group_33240' data-name='Group 33240' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_16174' data-name='Group 16174'%3E%3Ccircle id='Ellipse_1649' data-name='Ellipse 1649' cx='12' cy='12' r='12' fill='%234b4ad5'/%3E%3C/g%3E%3Cg id='Group_16154' data-name='Group 16154' transform='translate(6.465 6.965)'%3E%3Cg id='add' transform='translate(0 0)'%3E%3Cpath id='Path' d='M5.449,0a.848.848,0,0,0-.761.844V4.687H.848l-.088,0A.85.85,0,0,0,0,5.535l0,.087a.848.848,0,0,0,.844.761H4.687v3.84l0,.088a.85.85,0,0,0,.843.76l.087,0a.848.848,0,0,0,.761-.844V6.382h3.84l.088,0a.85.85,0,0,0,.76-.843l0-.087a.848.848,0,0,0-.844-.761H6.382V.848l0-.088A.85.85,0,0,0,5.535,0Z' fill='%23fff'/%3E%3Cpath id='Path-2' data-name='Path' d='M5.166,0a.49.49,0,0,1,.487.433l0,.068V4.676H9.843a.49.49,0,0,1,.057.977l-.068,0H5.656V9.843A.49.49,0,0,1,4.68,9.9l0-.068V5.656H.49A.49.49,0,0,1,.433,4.68l.068,0H4.676V.49A.49.49,0,0,1,5.166,0Z' transform='translate(0.369 0.369)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.accordion-mydoctors .place-icon{
	width: 	16px;
	height: 	16px;
}
.accordion-mydoctors .span-accordion-mydoctors{
	color: 	rgb(27 5 60 / 90%);
}



/*dropzone css*/


.progress-area .row .content{
	width: 100%;
	margin-left: 15px;
}
.progress-area .details{
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	justify-content: space-between;
}
.progress-area .content .progress-bar{
	height: 6px;
	width: 100%;
	margin-bottom: 4px;
	background: #fff;
	border-radius: 30px;
}
.content .progress-bar .progress{
	height: 100%;
	width: 0%;
	background: #6990F2;
	border-radius: inherit;
}
.uploaded-area{
	max-height: 232px;
	overflow-y: scroll;
}
.uploaded-area.onprogress{
	max-height: 150px;
}
.uploaded-area::-webkit-scrollbar{
	width: 0px;
}
.uploaded-area .row .content{
	display: flex;
	align-items: center;
}
.uploaded-area .row .details{
	display: flex;
	margin-left: 15px;
	flex-direction: column;
}
.uploaded-area .row .details .size{
	color: #404040;
	font-size: 11px;
}
.uploaded-area i.fa-check{
	font-size: 16px;
}
/*dropzone css ends*/

.boxhover:hover{
	cursor: pointer;
}
a[aria-expanded="false"] .collapse-icon{
	transform: rotate(180deg);
	transition: .3s;
}

.deletepoupupicon{
	width: 80px !important;
	height: 80px;
}
.flatpickr-with-icon-patientportal{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.714' height='16.816' viewBox='0 0 14.714 16.816'%3E%3Cpath id='Icon_awesome-calendar-day' data-name='Icon awesome-calendar-day' d='M0,15.24a1.577,1.577,0,0,0,1.577,1.577H13.138a1.577,1.577,0,0,0,1.577-1.577V6.306H0ZM2.1,8.934a.527.527,0,0,1,.526-.526H5.781a.527.527,0,0,1,.526.526v3.153a.527.527,0,0,1-.526.526H2.628a.527.527,0,0,1-.526-.526ZM13.138,2.1H11.561V.526A.527.527,0,0,0,11.036,0H9.985a.527.527,0,0,0-.526.526V2.1h-4.2V.526A.527.527,0,0,0,4.73,0H3.679a.527.527,0,0,0-.526.526V2.1H1.577A1.577,1.577,0,0,0,0,3.679V5.255H14.714V3.679A1.577,1.577,0,0,0,13.138,2.1Z' fill='%239998ff'/%3E%3C/svg%3E%0A") !important;
}
.form-check-sm-custom-div .form-check-label {
	padding: 2px 10px !important ;
	border-radius: 7px;
	font-size: 14px;
	margin-right: 10px;
}
.formcheck-patientportal .form-check-label {
	background:#F3F3F3 ;
}

.formcheck-patientportal .form-check-custom .form-check-input:checked ~ label{
	border-color: #9998FF;
	color: #fff;
	background-color: #9998FF
}
.filterbtn:hover{
	color: var(--theme);
}
.linkchangeprofile{
	background: rgb(75 74 213 / 10%);
	border-radius: 15px;
	padding: 3px 10px;
	color: #4B4AD5;
}


/*media queries*/

@media(max-width: 1024.98px){
	.title{
		font-size: 18px;
	}
	.records-img{
		height: 100px;
	}

	.profile-thumb {
		width: 30px;
		height: 30px;
	}
	
	body{
		font-size: 14px;
	}
	.header-patientportal .navbar-toggler-icon {
		position: absolute;
		background: var(--theme);
		width: 100%;
		height: 2px;
		top: 50%;
		right: 0px;
		margin-top: 0px;
		opacity: 1;
		width: 18px;
	}
	.header-patientportal .navbar-toggler-icon::before,
	.header-patientportal .navbar-toggler-icon::after {
		position: absolute;
		background: var(--theme);
		width: 22px;
		height: 2px;
		content: "";
		display: block;
	}
	.header-patientportal .navbar-toggler:focus {
		outline: none;
		stroke: none;
		box-shadow: none
	}
	.header-patientportal .navbar-toggler-icon::before {
		top: 7px;
	}
	.header-patientportal .navbar-toggler-icon::after {
		bottom: 7px;
	}

	header.header-patientportal{
		padding: 0;
	}
	.title-md{
		font-size: 14px;
	}
	.table-patientportal thead th{
		font-size: 14px;
	}
	.nav-pills-custom.nav-pills-custom-md .nav-link{
		font-size: 14px;
	}
}

@media(min-width: 992px){
	.form-control-patientportal{
		min-width: 224px;
	}
}

@media(max-width: 991.98px){

	.page-wrapper-patientportal {
		margin-left: 0px;
		padding: 15px 0;
	}
	.patientportal-left-sidebar{
		top:10px !important;
		border-right:0;
	}
}


@media(max-width: 767.98px) {
	.accordion-button::after{
		width: 	1rem;
		height: 	1rem;
		background-size: 	1rem;
	}
	.accordion-mydoctors .place-icon{
		width: 	14px;
		height: 	14px;
	}
	.records-img{
		border-radius: var(--br-theme);
		height:70px;
		object-fit: cover;
	}
	

	.patientportal-noticon{
		width: 16px;
		height: 16px;
	}
	span.dot{
		width: 5px;
		height: 5px;
	}
	header.header-patientportal img.logo {
		height: 38px;
	}
	header.header-patientportal .nav-link{
		font-size: 12px;
	}
	header.header-patientportal .dropdown-toggle::after, header.header-patientportal .dropdown-toggle:hover::after{
		margin-top: 8px;
	}
	.thumb-img-md{width: 30px;height: 30px;}
	.btn-lg,
	p {
		font-size: 14px;
	}
	.login-main-title {
		font-size: 20px;
	}
	.login-continuebtn-div {
		padding: 20px 0;
	}
	.form-group-selectprofile .form-check-input:checked[type=radio] {
		background-size: 18px;
		width: 18px;
		height: 18px;
	}
	.font-size-18px {
		font-size: 14px;
	}
	.icon-selectprofile {
		max-width: 40px;
		height: 40px;
	}
}