/* ----------------variables----------------- */

:root {
	--white: #ffffff;
	--secondary: #555fd2;
	--secondary-mid: #a8aeec;
	--secondary-lite: #f0f2ff;
	--secondary-dark: #4750b7;
	--second-lite: #f7f7f7;
	--primary: #00f4ce;
	--primary-mid: #4ce5b1;
	--primary-dark: #00d7b5;
	--warning-dark: #efb000;
	--primary-x-dark: #29a795;
	--white-lite: #f7f7f7;
	--white-x-lite: #fafafa;
	--white-xx-lite: #fdfdfd;
	--white-dark: #e6e6e6;
	--border-lite: #d9d9d9;
	--primary-bold: 'Poppins';
	--semi-bold: 600;
	--primary-font: 'Poppins';
	--second-font: 'Prata';
	--text-color: #193469;
	--text-lite: #626e88;
	--text-x-lite: #b8b9b9;
	--textdark: #000000;
	--dark-grey: #495057;
	--border-radius: 8px;
	--table-striped-bg: #F8F9Fa;
	--field-height: 40px;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	font-family: var(--primary-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	overflow-y: hidden;
	animation: fade 0.3s ease-in-out;
}

a {
	color: var(--textdark);
	transition: color .2s;
	outline: initial !important;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: initial;
	color: var(--text-lite);
}

@font-face {
	font-family: 'Poppins';
	src: url('../font/Poppins-SemiBold.woff2') format('woff2'), url('../font/Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../font/Poppins-Regular.woff2') format('woff2'), url('../font/Poppins-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'unicons-line';
	src: url('../font/unicons-line.woff2') format('woff2'), url('../font/unicons-line.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.white-space-break {
	white-space: normal !important;
	word-wrap: anywhere !important;
}

.white-space-inherit {
	white-space: inherit !important;
}

.max-height-unset {
	max-height: unset !important;
}
.height-unset {
	height: unset !important;
}


.width-full {
	width: 100% !important;
}

.width-112 {
	width: 112px;
}

.width-500 {
	width: 500px;
}

.width-50 {
	width: 50px;
}

.width-83 {
	min-width: 83px;
}

.width-80 {
	width: 80px;
}

.width-200 {
	width: 200px !important;
}
.width-276 {
	width: 276px !important;
}
.width-140 {
	width: 145px !important;
}

.min-width-200 {
	min-width: 200px;
	width: 200px;
}

.min-width-270 {
	min-width: 270px;
	max-width: 270px;
}

.test-width {
	min-width: 270px;
}

.width-230 {
	width: 236px !important;
}

.dash-table-width {
	max-width: 100px !important;
	min-width: 100px !important;
	white-space: break-spaces !important;
}

.cervical-table-width {
	max-width: 120px !important;
	min-width: 120px !important;
	white-space: break-spaces !important;
}

.width-160 {
	width: 160px;
}

.width-150 {
	width: 150px;
}

.width-130 {
	min-width: 129px;
}

.width-129 {
	width: 130px;
}

.width-34 {
	width: 34px;
}

.width-30 {
	width: 30px !important;
}

.width-300 {
	width: 300px;
}

.min-width-20 {
	min-width: 20px !important;
}

.width-10 {
	width: 11px;
}

.width-106 {
	width: 106px;
}

.des-width {
	max-width: 10px;
	display: inline-block;
}

.width-unset {
	width: unset !important;
}

.height-full {
	height: 100% !important;
}

.height-100vh {
	min-height: 100vh;
}

.height-40 {
	height: 40px !important;
}

.height-42 {
	height: 42px !important;
}
.height-41 {
	height: 41px !important;
}
.height-30 {
	height: 30px !important;
}

.min-height-40 {
	min-height: 40px;
}

.height-45 {
	height: 45px !important;
}

.min-height-45 {
	min-height: 45px !important;
}

.height-50 {
	height: 50px !important;
}

.height-78vh {
	height: 78vh;
}

.height-70px {
	height: 70px !important;
}

.min-height-100 {
	min-height: 100px !important;
}

.min-height-70 {
	min-height: 70px !important;
}

.height-80px {
	height: 80px;
}

.height-200 {
	height: 200px !important;
}

.height-400 {
	height: 400px;
}

.height-300 {
	min-height: 300px;
}

.height-400-modal {
	min-height: 400px;
}
.rounded-8{
	border-radius: 8px;
}

/* -------------------login------------ */

.login-page {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: 100vh;
	background: #d9edff;
	background-image: url(../images/bg.png);
	background-size: cover;
}

.login-page-h {
	display: flex;
	height: calc(100vh - 44px);
}

.login-box {
	display: -webkit-box;
	display: flex;
	flex-direction: row-reverse;
	max-width: 600px;
	background-color: white;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	margin: 0 auto;
	border-radius: 12px;
	width: 90%;
	animation: fade 0.3s ease-in-out;
}

.login-form {
	-webkit-box-flex: 1;
	flex: 1;
	width: 100%;
	padding: 50px;
	font-size: 14px;
	line-height: 1.5;
}

.login-bg-img {
	background-image: url(../images/login-1.png);
	background-repeat: no-repeat;
	background-position: center 99%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	color: #fff;
	padding: 60px;
	flex-direction: column;
	-webkit-box-flex: 1;
	flex: 1;
	min-height: 510px;
}

.login-bg__left-top {
	background-image: url('../images/email-bg.png');
	width: 46%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: -10%;
	bottom: 0;
	background-size: 80%;
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

.login-bg__left-top.widget-box {
	width: 70%;
	height: 70%;
}

.login-bg__line-right {
	background-image: url('../images/dots.png');
	width: 36%;
	height: 100%;
	position: fixed;
	top: -3px;
	right: 17px;
	bottom: 0;
	background-size: 40%;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.login-input,
.patient-textarea,
select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	display: inline-block;
	width: 100%;
	min-width: 0;
	padding: 10px 20px;
	color: #2d4677;
	font-size: 14px;
	line-height: 1.5715;
	background-color: var(--white-lite);
	background-image: none;
	border: 1px solid #d9d9d9;
	height: var(--field-height);
	box-shadow: none !important;
	border-radius: var(--border-radius);
	outline: none;
}

.expired-box {
	display: -webkit-box;
	display: flex;
	flex-direction: row-reverse;
	max-width: 600px;
	background-color: #f7f7fc;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.16);
	overflow: hidden;
	margin: 0 auto;
	border-radius: 12px;
	width: 90%;
}

.expired-box-bg {
	background-color: #f7f7fc;
}

select {
	padding: 5px 38px 5px 20px !important;
}

.header-shadow {
	-webkit-box-shadow: 0 10px 15px #f0f0f0;
	-moz-box-shadow: 0 10px 15px #f0f0f0;
	box-shadow: 0 10px 15px #f0f0f0;
}

.select select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%239ea2f8' d='M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position-x: calc(100% - 8px);
	background-position-y: center;
	background-size: 28px;
	transition: none !important;
}

.select:hover select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z'/%3e%3c/svg%3e");
	transition: none !important;
}

.select select:disabled {
	background-image: none;
}

.search-auto-input .select select {
	background-color: #fff !important;
}

table select.input-dropdown {
	height: auto;
	padding: 5px 10px;
	background-position-y: center;
}

.patient-record-digit {
	height: 24px;
	border-radius: 3px;
	background-color: var(--secondary);
	color: var(--white-lite);
	font-weight: bold;
	border-color: var(--text-lite) !important;
	font-size: 14px;
	width: 24px;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

select~.control-label,
.login-input:focus,
.login-input:valid~.control-label,
.login-input.form-file~.control-label,
.login-input.has-value~.control-label,
textarea:focus~.control-label,
textarea:valid~.control-label,
textarea.form-file~.control-label,
textarea.has-value~.control-label,
datepicker input:focus~.control-label,
datepicker input.ng-not-empty~.control-label,
datepicker input:not(:empty)~.control-label,
datepicker input:valid~.control-label,
.login-input.ng-touched.ng-not-empty~.control-label,
.login-input.ng-valid~.control-label {
	color: #2d4677;
	background-color: var(--primary-lite);
	outline: 0;
}

.login-input:focus {
	color: var(--textdark);
	background-color: var(--primary-lite);
	border-color: var(--secondary);
	outline: 0;
}

.password-toggle {
	position: relative;
	display: flex;
	align-items: center;
}

.login-error {
	border-top: 2px solid #ff1616;
	margin-top: -2px;
	position: relative;
	padding-top: 2px;
	font-size: 80%;
	color: #dc3545;
	width: 100%;
}

.error {
	font-size: 14px;
}

.login-form p.form-title {
	color: var(--textdark);
	font-size: 42px;
	font-family: var(--second-font);
	line-height: 1;
	margin-bottom: 0;
}

.card-head p {
	font-family: var(--primary-bold);
	color: var(--secondary);
	font-weight: var(--semi-bold);
}

.label-text,
label {
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 1.5;
	font-family: var(--primary-font);
}

.form-check-label {
	padding: 10px 15px;
	height: var(--field-height);
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.form-check {
	background-color: var(--white-lite);
	background-image: none;
	border: 1px solid #d9d9d9;
	padding: 10px 20px;
	height: var(--field-height);
	display: flex;
	align-items: center;
	border-radius: var(--border-radius);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

/* ===== SCHEDULER/CALENDAR COMPLETE CSS ===== */

.cancelled-appointment {
    text-decoration: line-through;
    opacity: 0.7;
}
.cancelled-appointment .cv-item {
    background-color: #f0f0f0 !important;
    color: #666 !important;
}

/* Hide the center button in the calendar header */
.cv-header-nav > button:not([aria-label*="Previous"]):not([aria-label*="Next"]) {
    display: none !important;
}



/* ^End Scheduler Calendar Style^ */

.role-card .form-check {
	height: 40px;
}

.role-card .form-check-label {
	height: 40px;
}

.form-check-label input,
.form-check-label span {
	position: relative;
	z-index: 2;
}

.form-check-input:checked~.form-check {
	border-color: var(--secondary);
	background: var(--white);
}

.form-check-input {
	background-color: var(--white-lite);
	width: 20px;
	height: 20px;
	border: none;
}

.form-check-input:focus {
	border-color: var(--secondary);
	outline: 0;
	box-shadow: none;
}

.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}

.form-check-input:active {
	filter: brightness(100%);
}

.form-check-input[type="radio"] {
	border-radius: 4px;
}

.form-check-input:checked~span {
	color: var(--text-color);
}

.row.form-check-wrap>* {
	width: unset;
	max-width: unset;
	flex: inherit;
}

.input-dropdown {
	background-color: var(--white-lite);
	background-image: none;
	border: 1px solid #d9d9d9;
	height: var(--field-height);
	border-radius: var(--border-radius);
	width: 100%;
	display: flex;
	align-items: center;
	font-weight: normal;
	font-size: 14px;
}

.add-btn {
	position: absolute;
	right: 0;
	height: var(--field-height);
	width: var(--field-height);
	background: #f7f7f7;
	top: 20px;
	border-radius: 4px;
	border: 1px solid var(--secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.add-btn .nav-link i {
	font-weight: bold;
}

.add-btn:hover {
	background: var(--secondary);
}

.add-btn .nav-link {
	color: var(--secondary);
}

.add-btn:hover .nav-link {
	color: var(--white) !important;
	font-weight: bold;
}

.index-1 {
	z-index: 1;
}

.relative {
	position: relative;
}

/*----------------------Table----------------------- */

.table {
	background-color: #fff;
	border: 0px solid transparent
}

.table-striped>tbody>tr {
	background-color: var(--table-striped-bg);
}

.table-striped>tbody>tr td {
	background-image: none;
	background-color: var(--table-striped-bg);
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: transparent;
}

.table-striped>tbody>tr:nth-of-type(2n+1) td {
	background-image: none;
	background-color: transparent;
}

.table-striped>tbody>tr {
	background-color: var(--table-striped-bg);
}

.table-striped>tbody>tr td {
	background-image: none;
	background-color: var(--table-striped-bg);
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: transparent;
}

.table-striped>tbody>tr:nth-of-type(2n+1) td {
	background-image: none;
	background-color: transparent;
}

.table> :not(:last-child)> :last-child>* {
	border-bottom: none;
}

.table thead tr {
	background: #fff;
	filter: drop-shadow(0 0 9px rgba(33, 37, 41, .1));
	position: relative;
}

.table thead tr th {
	padding: 20px 10px;
	font-size: 14px;
	font-weight: var(--semi-bold);
	color: var(--text-lite);
}

.table-striped>tbody>tr:last-child td {
	border-bottom: none;
}

.table>tbody>tr td:first-child,
.table>thead>tr th:first-child {
	padding-left: 30px;
}

.table>tbody>tr td:last-child,
.table>thead>tr th:last-child {
	padding-right: 30px;
}

.table>tbody>tr td {
	font-size: 14px;
}

.table>:not(caption)>*>* {
	padding: 15px 10px;
}

.card {
	border-color: transparent;
	border-radius: 8px;
}

.table thead tr th,
.table tbody tr td {
	white-space: nowrap;
}

.table thead tr th {
	background-color: #fff;
}

.body-table table {
	text-align: left;
	position: relative;
	border-collapse: collapse;
	width: 100%;
}

.body-table .table>tbody>tr:first-child td {
	padding-top: 20px;
}

.body-table {
	overflow: auto;
	max-height: calc(100vh - 140px);
}

.body-table .table thead tr {
	box-shadow: 0 0 2rem 0 rgba(33, 37, 41, .1);
	position: sticky;
	top: 0;
	z-index: 10;
}


/* ------------------------------main----------------- */

.main {
	display: flex;
	width: 100%;
	min-width: 0;
	min-height: calc(100vh - 102px);
	flex-direction: column;
	overflow: hidden;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.head-shadow {
	background: #fff;
	position: relative;
}

.nav-tabs {
	border: none;
}

.nav-tabs .nav-link {
	background: var(--white-x-lite);
	color: var(--text-color);
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 14px;
	margin-right: 5px;
}

.nav-tabs .nav-link.active {
	background: var(--primary);
	color: var(--text-color);
	padding: 5px 15px;
	border-radius: 30px;
	border: 1px solid var(--primary);
	;
}

.nav-tabs .nav-link.active-validation {
	color: #f74f78;
	background-color: #fef1f4 !important;
	border-color: #fddce4;
}

.validation {
	color: #f74f78;
	background-color: #fef1f4 !important;
	border-color: #fddce4;
}

.nav-tabs .nav-link:hover {
	border-radius: 30px;
	cursor: pointer;
}


/*--------------------------------poojabisht----------------------------*/

.box {
	height: 40px;
	background-color: white;
	border-radius: 8px;
	align-items: center;
	padding: 20px;
	border: 1px solid #d9d9d9;
}

.box>i {
	color: #314978;
}

.box input {
	flex: 1;
	height: 40px;
	border: none;
	outline: none;
	font-size: 18px;
	font-size: 14px;
	background: transparent;
	color: #2d4677;
}

.filter_btn {
	letter-spacing: 1.2px;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	background: white;
	color: grey;
	border: none;
}

.Patient {
	justify-content: space-between;
}

.uil-user-plus {
	font-size: 15px;
}

.administration-head p {
	font-family: var(--primary-bold) !important;
	color: #314978 !important;
	font-size: 18px;
	font-weight: var(--semi-bold);
}

.administration-head span {
	font-family: var(--primary-bold) !important;
}

.administration-title p {
	color: var(--secondary) !important;
	font-size: 15px;
	border-bottom: 1px solid var(--white-dark);
	font-weight: var(--semi-bold);
}

.light-title p {
	color: var(--secondary) !important;
	font-size: 14px;
	border-bottom: 1px solid var(--white-dark);
	font-weight: var(--primary-font);
}

#advance-search-form {
	padding: 30px;
	font-size: 14px;
}

.form-check-label-user_roles {
	height: 35px;
}

.diagnosis-add-btn {
	position: relative !important;
	right: 0;
	height: var(--field-height);
	width: var(--field-height);
	background: #f7f7f7;
	border-radius: 4px;
	border: 1px solid var(--secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.diagnosis-add-btn .nav-link i {
	font-weight: bold;
	color: #555fd2;
}

.diagnosis-add-btn:hover {
	background: var(--secondary);
}

.diagnosis-add-btn .nav-link {
	color: var(--secondary);
}

.diagnosis-add-btn:hover .nav-link {
	color: var(--white) !important;
	font-weight: bold;
}

.form-check-role {
	background-color: var(--white-lite);
	background-image: none;
	border: 1px solid #d9d9d9;
	padding: 10px 20px;
	height: 40px;
	display: flex;
	align-items: center;
	border-radius: var(--border-radius);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.patient-record-label {
	color: var(--text-x-lite) !important;
}

.patient-record-details:nth-of-type(1) {
	margin-left: 0;
}

.patient-record-details {
	color: var(--text-color) !important;
	margin-left: 10px;
}

.patient-record-detail {
	color: var(--text-color) !important;
}

.inner {
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	background: var(--white-x-lite);
	border: 1px solid var(--white-dark);
	border-top: none;
	margin-top: -10px;
	padding-top: 20px;
	border-radius: 6px;
}

.paln-label.active~.inner {
	display: flex;
}

fieldset.inner>div {
	margin-bottom: 5px;
	padding-right: 0px;
	width: auto;
	padding-left: 0px;
	margin-right: 10px;
}

.inner .form-check-label,
.inner .form-check {
	height: 40px;
	padding: 5px 10px;
}

.inner .form-check-label span {
	font-size: 14px;
	white-space: nowrap;
}

.inner .login-input {
	height: 40px;
	min-width: 150px;
}

.inner .patient-record-btn {
	width: 40px;
	height: 40px;
	margin-right: 0px;
	margin-left: 0px;
}

.patient_record_head,
.patient_initial_nav {
	font-size: 14px;
	flex: 1;
	justify-content: space-between;
}

button.burger-button {
	transform: rotate(0deg);
}

#burger.active .burger-button {
	transform: rotate(180deg);
	top: 10px;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.burger-button {
	background-color: transparent;
}

#burger .burger-bar {
	background-color: var(--secondary);
}

#burger.active .burger-bar {
	background-color:var(--secondary);
}

.side-menu-wrap {
	min-width: 64px;
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 10;
	box-shadow: 10px 0px 30px 0 rgba(0, 0, 0, .1);
	min-height: 50px;
}

.content-wrap {
	background: #f7f7fc;
	position: relative;
}

.wrapper-scroll {
	height: calc(100vh - 50px);
	overflow: auto;
	overflow-x: hidden;
}

.content-wrap>.wrapper {
	z-index: 1;
	position: relative;
	background: transparent;
	margin-bottom: 30px;
}

.content-wrap .wrapper>.main {
	z-index: 1;
	padding: 30px;
	position: relative;
	background: transparent;
}

ul.sidebar-panel-nav {
	flex-grow: 1;
	margin: 0;
}

.sidebar-panel {
	position: relative;
	padding: 0;
	display: flex;
	flex-direction: column;
	width: 260px;
	overflow-x: hidden;
}

ul.sidebar-panel-nav>li>a {
	color: var(--dark-grey);
}

ul.sidebar-panel-nav .dropdown ul {
	padding-left: 15px;
}

.dropdown-menu.active {
	top: -100%;
	right: 15px !important;
	width: auto !important;
	left: unset;
	margin: 0;
}

.menu-icon {
	width: 16px;
	margin: 0 0px 0 0;
}

.menu-icon path {
	fill: var(--dark-grey);
}

ul.sidebar-panel-nav li a:hover {
	color: var(--secondary);
	background: #f2f4f6;
	border-radius: 8px;
}

.sidebar-panel a:hover .menu-icon path {
	fill: var(--secondary);
}

.sidebar-panel a.nav-link.active {
	background: var(--secondary);
	border-radius: 8px;
	color: #fff;
}

.sidebar-panel a.nav-link.active .menu-icon path {
	fill: #fff;
}

.sidebar-panel-nav li {
	margin: 5px 0px;
}

.sidebar-panel-nav li .nav-link {
	padding: 10px;
	height: 40px;
	align-items: center;
	display: flex;
}

.sidebar-panel a.nav-link.active:hover {
	color: #fff;
}

.menu-icon.dropped::before,
.card-icon.dropped::before {
	transform: rotate(180deg);
	transition: 300ms;
}

.menu-icon.closed::before,
.card-icon.closed::before {
	transition: 300ms;
}

.menu-icon {
	margin-right: 0;
}

.menu-icon~span {
	padding-left: 20px;
}

.sidebar-panel-nav .dropdown ul.closed,
.overflow-all-hide {
	overflow: hidden;
}

.sidebar-panel-nav .dropdown ul.dropped li {
	height: auto;
	opacity: 1;
	transition: 300ms;
}

.sidebar-panel-nav .dropdown ul.closed li {
	height: 0;
	opacity: 0;
	transition: 300ms;
	margin: 0;
}

.opened .dropdown-menu.dropdown-menu-right, .opened .dropdown-menu.dropdown-menu-left {
	display: block;
	top: unset;
	left: unset;
	right: 29px;
	border-radius: 4px;
}

.dropdown-menu {
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
	overflow: auto;
}
.sub-animation{
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}


.opened .dropdown-menu.dropdown-menu-right.up {
	display: block;
	top: auto !important;
	left: unset !important;
	right: 75px !important;
	bottom: 70% !important;
}

.opened .dropdown-menu.dropdown-menu-right.down {
	display: block;
	left: unset !important;
	right: 75px !important;
	bottom: auto !important;
}

.opened .dropdown-menu.dropdown-menu-left.up {
	display: block;
	top: auto !important;
	left: 50px !important;
	right: unset !important;
	bottom: 70% !important;
}

.opened .dropdown-menu.dropdown-menu-left.down {
	display: block;
	left: 50px !important;
	right: unset !important;
	bottom: auto !important;
}

.opened .dropdown-menu.dropdown-menu-set {
	display: block;
	top: 95%;
	left: unset !important;
	right: 15px !important;
	padding: 0 !important;
	border: none;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .2);
	border-radius: 0px;
	min-width: 8rem;
}

.opened .dropdown-menu.dropdown-menu-set.ups {
	display: block;
	top: unset !important;
	left: unset !important;
	right: 15px !important;
	bottom: 48px !important;
}

.dropdown:hover {
	cursor: pointer;
}

.dropdown:hover .dropdown-head span {
	color: var(--secondary);
}

.dropdown:hover .dropdown-head .menu-icon {
	color: var(--secondary);
}

.dropdown:hover .dropdown-head .nav-link.active span {
	color: var(--white);
}

.dropdown:hover .dropdown-head .nav-link.active .menu-icon {
	color: var(--white);
}

.dropdown-menu.dropdown-menu-right,.dropdown-menu.dropdown-menu-left {
	padding: 0 !important;
	border: none;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .2);
	border-radius: 0px;
	min-width: 14rem;
}

.dropdown-menu.dropdown-menu-more {
	min-width: 8.1rem !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-menu li.key-active .dropdown-item {
	text-decoration: none;
	color: var(--secondary);
	background: #f2f4f6;
	border-radius: 4px;
}

.sidebar-cta-content .menu-icon {
	cursor: pointer;
}

.dropdown-item {
	padding: 7px 10px;
	white-space: pre-line;
	word-break: break-word;
	font-size: 14px;
}

.tab-content {
	padding: 30px;
	background: #fff;
	animation: fade 0.3s ease-in-out;
}

footer.footer {
	background: #f7f7fc;
	padding: 10px 15px;
	position: absolute;
	display: flex;
	background: transparent;
	bottom: 0;
}

.fit-width {
	width: auto;
	min-width: fit-content;
}

.fit-content {
	width: auto;
	min-width: fit-content;
}

.card-shadow {
	position: relative;
}

.card-shadow::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 5px;
	top: 5px;
	filter: blur(6px);
	border-radius: 10px;
}

.lite-shadow.card-shadow::before {
	filter: blur(10px);
	background: #f3f3f3;
}

.medium-shadow.card-shadow::before {
	filter: blur(10px);
	background: #eaeaea;
}

.dark-shadow.card-shadow::before {
	background: #676666;
	filter: blur(10px);
}

.shadow-patient {
	box-shadow: 0px 7px 4px #f3f3f3;
}

.shadow-tabs {
	box-shadow: 0px 2px 15px rgba(0, 0, 0, .1);
}

.shadow-tabs-sec {
	box-shadow: 0px 10px 15px #f3f3f3;
}

.text-x-muted {
	color: var(--text-x-lite);
}

.text-color {
	color: var(--text-color);
}

.text-drak-blue {
	color: #21324f;
}

.card-body {
	padding: 30px;
	animation: fade 0.3s ease-in-out;
}

.inner-card {
	border-radius: 6px;
	background-color: #fff;
	display: flex;
	align-items: center;
}

.divider {
	display: inline-block;
	width: 1px;
	margin: 0 20px;
	background-color: var(--white-dark);
	vertical-align: middle;
}

.inner-card .form-check-role {
	background: #fff;
}

.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3e%3c/svg%3e");
}

.form-check-input:checked::after {
	font-style: normal;
	text-decoration: inherit;
	font-weight: bold;
	margin-left: 0px;
	font-size: 18px;
	top: -3px;
	position: absolute;
	color: var(--secondary);
}

.inner-card .head {
	position: relative;
	padding: 15px;
	flex-wrap: wrap;
}

.inner-card .head .collapse-button {
	right: 30px;
	cursor: pointer;
	top: 30px;
}

.inner-card .body {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.sub-head {
	font-family: var(--primary-bold) !important;
	color: var(--secondary) !important;
}

.font-bold {
	font-weight: var(--semi-bold);
}

.font-normal {
	font-weight: normal;
}
.font-10 {
	font-size: 10px !important;
}

.font-11 {
	font-size: 11px !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-22 {
	font-size: 22px !important;
}

.role-card {
	padding: 15px 20px;
	flex: 1;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	background-color: var(--white-x-lite);
	flex-wrap: wrap;
}

.role-card p {
	white-space: pre;
	min-width: 30%;
}

.closed {
	overflow: hidden;
	padding: 0 !important;
	border: none !important;
}

.dropped>div {
	height: auto;
	opacity: 1;
	transition: 300ms;
}

.closed>div {
	height: 0;
	opacity: 0;
	transition: 300ms;
	margin: 0;
	padding: 0;
	border: none;
}

.card-head>div {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 15px 20px;
	background: #fff;
	border-radius: 4px;
}

.card-head.lite-shadow.card-shadow::before {
	left: 0;
}

.button-mini {
	min-width: 150px;
}

.table-btn {
	padding: 5px 10px;
	display: flex;
	border: 1px solid #d9d9d9;
	border-radius: 4px!important;
	align-items: center;
	justify-content: center;
	width: auto;
	margin-right: 5px;
	background-color: var(--white);
	width: 34px;
	height: 34px;
}

.table-icon {
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	font-size: 19px;
	color: var(--text-x-lite);
}

.table-btn:hover {
	color: var(--text-color);
	cursor: pointer;
	background-color: var(--white-lite);
}

.table-btn:hover .table-icon {
	color: var(--secondary);
}

.table-btn-transparent {
	border: none !important;
}

.table-btn-transparent:hover {
	background-color: transparent !important;
}

.close-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23b8b9b9' d='M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z'/%3e%3c/svg%3e");
	cursor: pointer;
}

.close-icon:hover {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z'/%3e%3c/svg%3e");
	cursor: pointer;
}

.view-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23b8b9b9' d='M21.92,11.6C19.9,6.91,16.1,4,12,4S4.1,6.91,2.08,11.6a1,1,0,0,0,0,.8C4.1,17.09,7.9,20,12,20s7.9-2.91,9.92-7.6A1,1,0,0,0,21.92,11.6ZM12,18c-3.17,0-6.17-2.29-7.9-6C5.83,8.29,8.83,6,12,6s6.17,2.29,7.9,6C18.17,15.71,15.17,18,12,18ZM12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z'/%3e%3c/svg%3e");
}

.table-btn:hover .view-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M21.92,11.6C19.9,6.91,16.1,4,12,4S4.1,6.91,2.08,11.6a1,1,0,0,0,0,.8C4.1,17.09,7.9,20,12,20s7.9-2.91,9.92-7.6A1,1,0,0,0,21.92,11.6ZM12,18c-3.17,0-6.17-2.29-7.9-6C5.83,8.29,8.83,6,12,6s6.17,2.29,7.9,6C18.17,15.71,15.17,18,12,18ZM12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z'/%3e%3c/svg%3e");
}

.edit-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23b8b9b9' d='M21,12a1,1,0,0,0-1,1v6a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4h6a1,1,0,0,0,0-2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V13A1,1,0,0,0,21,12ZM6,12.76V17a1,1,0,0,0,1,1h4.24a1,1,0,0,0,.71-.29l6.92-6.93h0L21.71,8a1,1,0,0,0,0-1.42L17.47,2.29a1,1,0,0,0-1.42,0L13.23,5.12h0L6.29,12.05A1,1,0,0,0,6,12.76ZM16.76,4.41l2.83,2.83L18.17,8.66,15.34,5.83ZM8,13.17l5.93-5.93,2.83,2.83L10.83,16H8Z'/%3e%3c/svg%3e");
}

.table-btn:hover .edit-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M21,12a1,1,0,0,0-1,1v6a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4h6a1,1,0,0,0,0-2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V13A1,1,0,0,0,21,12ZM6,12.76V17a1,1,0,0,0,1,1h4.24a1,1,0,0,0,.71-.29l6.92-6.93h0L21.71,8a1,1,0,0,0,0-1.42L17.47,2.29a1,1,0,0,0-1.42,0L13.23,5.12h0L6.29,12.05A1,1,0,0,0,6,12.76ZM16.76,4.41l2.83,2.83L18.17,8.66,15.34,5.83ZM8,13.17l5.93-5.93,2.83,2.83L10.83,16H8Z'/%3e%3c/svg%3e");
}

.delete-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23b8b9b9' d='M10,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,10,18ZM20,6H16V5a3,3,0,0,0-3-3H11A3,3,0,0,0,8,5V6H4A1,1,0,0,0,4,8H5V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V8h1a1,1,0,0,0,0-2ZM10,5a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1V6H10Zm7,14a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8H17Zm-3-1a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,14,18Z'/%3e%3c/svg%3e");
}

.table-btn:hover .delete-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M10,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,10,18ZM20,6H16V5a3,3,0,0,0-3-3H11A3,3,0,0,0,8,5V6H4A1,1,0,0,0,4,8H5V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V8h1a1,1,0,0,0,0-2ZM10,5a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1V6H10Zm7,14a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8H17Zm-3-1a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,14,18Z'/%3e%3c/svg%3e");
}

.badge {
	position: relative;
	padding: 10px 15px;
	margin-bottom: 0;
	border: 1px solid transparent;
	font-weight: normal;
	font-size: 14px;
	border-radius: 6px;
	text-transform: capitalize;
}

.bg-success,
.status-active {
	color: #16c995;
	background-color: #ecfbf7 !important;
	border-color: #d0f4ea;
}

.bg-warning {
	color: #c9c616;
	background-color: #fbfaec !important;
	border-color: #c9c616;
}

.bg-primary {
	color: #766df4;
	background-color: #f4f3fe !important;
	border-color: #e4e2fd;
}

.bg-secondary {
	border-color: #e9e9f2;
	background-color: #f7f7fc !important;
	color: #737491;
}

.bg-active {
	color: #000;
	background-color: #f0fff2;
	border-color: #4bc75e;
}
.color-active {
	color: #4bc75e;
}
.bg-new {
	color: #000;
	background-color: #fff8f8;
	border-color: #ff0000;
}
.color-new {
	color: #ff0000;
}

.bg-red {
	color: #ff0000 !important;
	background-color: #fff !important;
	border-top: 2px solid #ff0000 !important;
}

.checked-in-bg {
	color: #4bc75e !important;
	background-color: #ffff !important;
	border-top: 2px solid #4bc75e !important;
}

.pt-bg {
	background-color: #2f2f2f !important;
}

.st-bg {
	background-color: #009fff !important;
}

.ot-bg {
	background-color: #ca0674 !important;
}

.dysphegia-bg {
	background-color: #93f !important;
}

.pt-color {
	color: #2f2f2f !important;
}

.st-color {
	color: #009fff !important;
}

.ot-color {
	color: #ca0674 !important;
}

.dysphagia-color {
	color: #93f !important;
}

.bg-cancel {
	background-color: #ff0000;
}

.checkedin-bg {
	background-color: #4bc75e;
}

.bg-noshow {
	background-color: #ffba00;
}

.bg-coming {
	background-color: var(--secondary);
}

.bg-pending {
	color: #000;
	background-color: #fffaeb;
	border-color: #ffba00;
}
.color-pending{
	color: #ffba00;
}

.bg-no-show {
	color: #ffba00 !important;
	border-top: 2px solid #ffba00 !important;
}

.bg-active-nr {
	color: #000;
	background-color: #f8faff;
	border-color: #555fd2;
}
.color-active-nr {
	color: #555fd2;
}

.bg-discharged {
	color: #333333;
	background-color: #f9f9f9 !important;
	border-color: #333333;
}

.bg-inactive {
	color: #000;
	background-color: #f9f9f9;
	border-color: #d1d1d1;
}
.color-inactive {
	color: #d1d1d1;
}
.bg-white {
	background: #fff !important;
}

.position-unset {
	position: unset !important;
}

.box-shadow-border {
	box-shadow: 0px 1px 1px -0px rgba(33, 37, 41, .1) !important;
	filter: unset !important;
}

.shadow-none {
	filter: unset !important;
}

.tooltip-wrap {
	position: relative;
}

.tooltip-wrap .tooltip {
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
	padding: 4px 10px;
	border: 1px solid transparent;
	font-weight: normal;
	font-size: 14px;
	border-radius: 6px;
	background: #fff;
	border-color: rgba(0, 0, 0, 0.05);
	box-shadow: -0.0625rem 0 0.625rem 0 rgba(0, 0, 0, 0.07), 0.3125rem 1.25rem 2.5rem 0 rgba(0, 0, 0, 0.04) !important;
	white-space: pre;
	z-index: 10;
}

.tooltip.top-tooltip {
	bottom: 50%;
}

.tooltip.right-tooltip {
	left: 100%;
	top: 50%;
}

.tooltip.left-tooltip {
	right: 100%;
	top: 50%;
}

.tooltip-wrap:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

.card-icon.text-muted path {
	fill: var(--text-x-lite);
}

.tooltip-wrap:hover .card-icon {
	color: var(--secondary);
}

.form-check-input[type="radio"] {
	background: var(--white-dark);
}

.form-check-input[type="checkbox"] {
	background: var(--white-dark);
}

.form-check-input:checked[type="checkbox"] {
	background-color: var(--primary);
}

.form-check-input[type=radio]~.form-check {
	background: #fff;
}

.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3e%3c/svg%3e");
	background-color: var(--primary);
}

.form-check-input:checked[type=radio]~span {
	color: var(--text-color);
}

.form-group {
	position: relative;
	margin-bottom: 10px;
}

.sort i {
	line-height: 0;
	font-size: 18px;
	height: 15px;
	cursor: pointer;
	color: var(--border-lite);
}

.sort .uil-angle-up:before {
	margin-top: 0px;
	font-weight: bold;
}

.sort .uil-angle-down:before {
	margin-top: -3px;
	font-weight: bold;
}

.sort .active,
.sort i:hover {
	color: var(--secondary);
}

.form-check-input:checked[type=checkbox]~.off {
	display: none;
}

.form-check-input[type=checkbox]~.off {
	display: block;
}

.form-check-input:checked[type=checkbox]~.on {
	display: block;
}

.form-check-input[type=checkbox]~.on {
	display: none;
}

.form-check-label input,
.form-check-label span.off {
	color: var(--text-lite);
}

.animated.form-check-input:checked[type=checkbox]~.on {
	display: block;
	opacity: 1;
	font-weight: var(--semi-bold);
	position: absolute;
	transform: translateX(20px);
	transition: all 800ms;
}

.animated.form-check-input[type=checkbox]~.on {
	display: block;
	opacity: .3;
	position: absolute;
	transform: translateX(80px);
	transition: all 800ms;
}

.animated.form-check-input:checked[type=checkbox]~.off {
	display: block;
	opacity: .3;
	font-weight: normal;
	position: absolute;
	transform: translateX(80px);
	transition: all 800ms;
}

.animated.form-check-input[type=checkbox]~.off {
	display: block;
	opacity: 1;
	font-weight: var(--semi-bold);
	position: absolute;
	transform: translateX(20px);
	transition: all 800ms;
}

.animated.form-check-input:checked~span {
	color: var(--text-color);
}

.animated.form-check-input~.form-check {
	width: 170px;
}

.input-stich {
	width: auto;
}


/* ---------------modal--------------------- */

.large-modal {
	width: 95vw;
	max-width: 1000px;
}

.modal-backdrop.show {
	opacity: 0.5 !important;
}

.modal.fade:not(.show),
.modal-backdrop.fade {
	display: none;
}

.modal.fade.show,
.modal-backdrop.fade.show {
	display: block;
}

.modal {
	overflow-x: hidden;
	overflow-y: auto;
	animation: fade 0.3s ease-in-out;
}

.model-body {
	padding: 40px 20px !important;
	font-size: 14px !important;
}

.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 20px;
	border-bottom: 0px solid transparent !important;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
	box-shadow: 0 3px 7px #f3f3f3 !important;
}

.modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-family: var(--primary-bold) !important;
	color: #555fd2 !important;
	font-weight: var(--semi-bold) !important;
	font-size: 16px !important;
	word-wrap: anywhere;
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
	max-height: 66vh;
	overflow: auto;
}

.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef
}

.modal-content {
	border: 1px solid transparent !important;
	border-radius: .5rem;
	overflow: hidden;
}

.alert-modal .modal-content {
	border-radius: 1rem;
}

input[list]+datalist[list] {
	display: none;
	position: absolute;
	width: 100%;
	max-height: 164px;
	overflow-y: auto;
	max-width: 330px;
	background: #FFF;
	border: var(--border);
	border-top: none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 3px -3px #333;
	z-index: 100;
}

input[list]+datalist[list] span {
	display: block;
	padding: 7px 5px 7px 20px;
	color: #069;
	text-decoration: none;
	cursor: pointer;
}

input[list]+datalist[list] span:not(:last-child) {
	border-bottom: 1px solid #EEE;
}

input[list]+datalist[list] span:hover {
	background: rgba(100, 120, 140, .2);
}

.form-check-label .check-box {
	background: var(--white-dark);
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 4px;
	position: relative;
	z-index: 2;
	align-items: center;
	justify-content: center;
	display: flex;
}

.form-check-label.active .check-box {
	background-color: var(--primary);
	color: var(--secondary);
}

.form-check-label.inactive .check-box i {
	opacity: 0;
}

.form-check-label.active .check-box i {
	opacity: 1;
}

form.model-body.inactive {
	display: none;
}

form.model-body.active {
	display: block;
}

label.form-check-label.active .form-check {
	border-color: var(--secondary);
}

.role-card-outer {
	padding: 15px 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-bottom: 20px;
}

.role-card-module {
	justify-content: space-between;
	align-items: flex-end;
}

.role-card-module-head label {
	padding: 0px;
	position: relative;
	align-items: center;
	min-width: 30px;
	cursor: pointer;
}

.role-card-submodule {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	margin-top: 15px;
}

.role-card-submodule .form-check-role {
	background-color: var(--white-x-lite);
}

.role-card-module .form-check-label {
	height: 40px;
}

.role-card-module-head .form-check-label {
	height: 30px;
}

.role-card-module-head .form-check-role {
	padding: 0px;
	width: 30px;
	height: 30px;
}

.role-card-submodule .form-check-label span:hover {
	color: var(--text-lite);
}

.role-card-submodule .form-check-label span:focus {
	color: var(--text-color);
}

i.menu-icon.table-icon.uil-file-alt.p-0 {
	font-size: 18px;
	line-height: 1;
}

.search-auto-input .login-input {
	background-color: white !important;
	border-radius: 4px !important;
	position: relative;
	min-height: 42px;
	display: flex !important;
	align-items: center !important;
	border-radius: 8px !important;
	border: 1px solid #d9d9d9 !important;
	padding-right: 38px !important;
}

.box-input {
	position: relative;
	height: var(--field-height);
	background-color: white !important;
	border-radius: 5px !important;
	display: flex !important;
	align-items: center !important;
}

.box-input i {
	padding-left: 15px;
	z-index: 10;
	position: absolute;
	right: 0px;
	top: 1px;
	color: var(--secondary);
	font-size: 28px;
	opacity: .5;
}

.password-toggle i {
	padding-left: 15px;
	z-index: 10;
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.icon-position {
	position: relative;
}

.clock-icon-position {
	position: absolute;
	right: 28px;
	top: 32px;
	color: var(--secondary);
	opacity: 0.5;
}

.icon-position i {
	padding-left: 15px;
	z-index: 10;
	position: absolute;
	right: 0px;
	top: 1px;
	color: var(--secondary);
	font-size: 28px;
	opacity: .5;
}

.close-i {
	font-size: 20px !important;
	top: 6px !important;
	right: 5px !important;
}

.icon-position .uil-times {
	cursor: pointer;
}

.box-input .login-input {
	width: 100%;
	height: 100%;
	padding-right: 36px;
}

.file-drop-area {
	position: relative;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.file-drop-area .file-drop-icon {
	display: block;
	margin-bottom: .75rem;
	color: #9e9fb4;
	font-size: 1.5rem;
}

.file-drop-area .file-drop-input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	opacity: 0;
	outline: none;
	cursor: pointer !important;
	z-index: 2;
	text-indent: -999px;
}

.file-drop-area .btn {
	position: relative;
	z-index: 1;
}

.file-drop-area:hover>.file-drop-btn {
	background-color: var(--secondary);
	color: #fff;
}

.file-drop-area:hover>.file-drop-btn.btn:disabled {
	color: var(--secondary);
	background-color: var(--white-lite);
}

.bottom-border {
	border-bottom: 1px solid var(--white-dark);
}

.lite-background {
	background: var(--white-lite);
}

.liter-background {
	background: var(--white-x-lite) !important;
}

.secondary-lite {
	background: var(--secondary-lite);
}

.secondary-color {
	color: var(--secondary) !important;
}

.color-dark {
	color: var(--textdark) !important;
}

.color-grey {
	color: var(--text-x-lite) !important;
}

.color-text-lite {
	color: var(--text-lite);
}

.color-primary {
	color: var(--primary);
}

.color-secondary {
	color: var(--secondary)!important;
}

.flex-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.page-empty {
	height: 70vh;
}

.page-overlay {
	width: 100vw;
	height: 100vh;
	position: fixed;
	background: rgba(255, 255, 255, 0.0);
	z-index: 10;
	right: 0;
	top: 0;
	display: none;
}

.opened .page-overlay {
	display: block;
}

.autocompleteData .dropdown-menu {
	max-height: 180px;
	overflow: auto;
	border: 1px solid #d9d9d9;
	border-radius: 0px;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, .2);
}

.sub-text {
	font-size: 14px !important;
}

.dropdown-menu.opened.dropdown-menu-bottom {
	left: unset;
	right: 15px;
	top: 100%;
	display: block;
}

.overflow-h {
	overflow: hidden;
	overflow-y: auto;
}

.mega-submenu-active {
	color: var(--secondary);
	font-weight: var(--semi-bold);
	background: var(--second-lite);
	border-radius: 6px;
}

.dk__toast-container {
	z-index: 10000;
}

.dk__toast.emr-toast {
	padding: 20px 60px;
	margin: 0;
	box-shadow: 10px 20px 70px -20px rgba(0, 0, 0, .25);
	top: 20px;
	font-weight: var(--semi-bold);
	color: var(--text-color);
	font-size: 16px;
	justify-content: flex-start;
	border-radius: 0;
	left: 0;
	text-align: left;
	border: 1px solid rgba(0, 0, 0, .05);
}

.emr-toast::before {
	content: '';
	width: 30px;
	left: 20px;
	position: absolute;
	background-repeat: no-repeat;
	height: 30px;
	border-radius: 50%;
	background-position: center;
	background-size: 70%;
}

.dk__toast-container {
	width: calc(100vw - 0px) !important;
}

.success-toast {
	border-left: 5px solid #54cc72 !important;
	background-color: #fff !important;
}

.warning-toast {
	border-left: 5px solid #ff9231 !important;
	background-color: #fff !important;
}

.info-toast {
	border-left: 5px solid #3172ff !important;
	background-color: #fff !important;
}

.danger-toast {
	border-left: 5px solid #ff3131 !important;
	background-color: #fff !important;
}

.emr-toast.success-toast::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3e%3c/svg%3e");
	background-color: #54cc72;
}

.emr-toast.warning-toast::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M12,14a1,1,0,0,0,1-1V7a1,1,0,0,0-2,0v6A1,1,0,0,0,12,14Zm0,4a1.25,1.25,0,1,0-1.25-1.25A1.25,1.25,0,0,0,12,18Z'/%3e%3c/svg%3e");
	background-color: #ff9231;
}

.emr-toast.info-toast::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M12,10a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V11A1,1,0,0,0,12,10Zm0-4a1.25,1.25,0,1,0,1.25,1.25A1.25,1.25,0,0,0,12,6Z'/%3e%3c/svg%3e");
	background-color: #3172ff;
}

.emr-toast.danger-toast::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ffffff' d='M12,14a1,1,0,0,0,1-1V7a1,1,0,0,0-2,0v6A1,1,0,0,0,12,14Zm0,4a1.25,1.25,0,1,0-1.25-1.25A1.25,1.25,0,0,0,12,18Z'/%3e%3c/svg%3e");
	background-color: #ff3131;
}

.dk__toast.emr-toast::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23cccccc' d='M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z'/%3e%3c/svg%3e");
	content: '';
	width: 30px;
	right: 20px;
	position: absolute;
	background-repeat: no-repeat;
	background-color: var(--white-lite);
	height: 30px;
	border-radius: 50%;
	background-position: center;
	background-size: 70%;
	opacity: 0;
}

.dk__toast:hover {
	opacity: 1 !important;
}

.dk__toast.emr-toast:hover::after {
	opacity: 1;
}

.dk__toast.emr-toast:after:hover {
	background-color: var(--white-dark);
}

.modal-body .page {
	margin-bottom: 100px;
}

.text-danger {
	color: #ff4355 !important;
}

.search-input::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23cccccc' d='M21.07,16.83,19,14.71a3.08,3.08,0,0,0-3.4-.57l-.9-.9a7,7,0,1,0-1.41,1.41l.89.89A3,3,0,0,0,14.71,19l2.12,2.12a3,3,0,0,0,4.24,0A3,3,0,0,0,21.07,16.83Zm-8.48-4.24a5,5,0,1,1,0-7.08A5,5,0,0,1,12.59,12.59Zm7.07,7.07a1,1,0,0,1-1.42,0l-2.12-2.12a1,1,0,0,1,0-1.42,1,1,0,0,1,1.42,0l2.12,2.12A1,1,0,0,1,19.66,19.66Z'/%3e%3c/svg%3e");
	content: '';
	width: 30px;
	right: 20px;
	position: absolute;
	background-repeat: no-repeat;
	background-color: var(--white-lite);
	height: 30px;
	border-radius: 50%;
	background-position: center;
	background-size: 70%;
	opacity: 0;
}

.card-scroll-head {
	flex-wrap: nowrap;
	overflow: hidden;
	overflow-x: auto;
}

.card-scroll-head .nav-tabs {
	flex-wrap: nowrap;
}

.card-scroll-head .nav-link {
	white-space: pre;
}

.modal-dialog {
	z-index: 2000;
}

.email-entry {
	padding-top: 150px !important;
}

.cal-box {
	height: 17px !important;
	font-size: 14px !important;
	color: var(--text-color)!important;
	position: absolute;
	right: 0;
	height: 100% !important;
	width: 100% !important;
	padding: 5px 10px !important;
	top: 0;
	border: none;
}

.date-text {
	font-size: 14px !important;
	color: var(--text-color) i !important;
	width: calc((100% / 2) - 12px);
	padding-left: 10px;
	box-shadow: none;
}

.tab-content-schedule {
	background-color: transparent !important;
}

.nav-tabs .nav-link-schedule {
	padding: 5px 10px !important;
	border-radius: 8px !important;
	color: #7d879c;
	margin-bottom: 3px;
	white-space: pre;
}

.nav-tabs .nav-link-schedule:active {
	background-color: #00e5c1 !important;
}

.picker-wrapper {
	position: relative;
	width: 100%;
	/* background-color: var(--white-lite); */
}

.picker-wrapper::after {
	position: absolute;
	width: 36px;
	height: 100%;
	background: transparent;
	content: '';
	right: 5px;
	color: var(--secondary);
	font-family: unicons-line;
	display: flex;
	align-items: center;
	top: 0;
	justify-content: center;
	opacity: .5;
	z-index: 0;
}

.picker-wrapper:hover::after {
	opacity: 1;
}

.hover-unset:hover::after {
	opacity: 0.5 !important;
}

.date-picker::after {
	content: '\e8dc';
}

.time-picker::after {
	content: '\e920';
}

.time-clear::after {
	content: '\e9b5'
}
.dollor::after {
	content: '\e8cf'
}

.cal-box .picker-wrapper.date-picker {
	background: transparent;
	border: none;
}

.cal-box .picker-wrapper.date-picker input {
	border: none;
	min-width: 130px;
	outline: none;
}

input[type="date"]::-webkit-datetime-edit-text {
	color: var(--white-dark);
	padding: 0 0.6em;
}

/* -------------select------------- */

.select-box {
	background-color: transparent !important;
	padding: 0px 0px 0px 0px !important;
	position: relative;
	z-index: 1;
	width: 100%;
}

.select-box::after {
	position: absolute;
	width: 24px;
	height: 100%;
	background: transparent;
	right: 10px;
	color: var(--secondary);
	font-family: unicons-line;
	display: flex;
	align-items: center;
	top: 0;
	justify-content: center;
	opacity: .5;
	z-index: -1;
	content: '\eb3a';
	font-size: 22px;
}

.select-box:hover::after {
	opacity: 1;
	cursor: pointer;
}

.select-box select {
	padding-right: 40px !important;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 10px !important;
}

.capitalize {
	text-transform: capitalize !important;
}

.upper-case-text {
	text-transform: uppercase;
}

input[type="file"] {
	display: none;
}

.custom-file-upload {
	border-radius: 10px;
	display: inline-block;
	position: relative;
	padding: 2px;
	cursor: pointer;
	background: var(--white-dark);
	margin-bottom: 25px;
}

.img-wrap {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 10px;
}

.img-upload:before {
	font-size: 90px;
	position: absolute;
	padding-top: 0px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #63d3a6;
	width: 160px;
	height: 160px;
	border-radius: 10px;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(255, 255, 255, .85);
	content: '';
	background-image: url(../../images/upload-plus.png);
	font-family: unicons-line;
	font-style: normal;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-size: contain;
}

.img-upload:hover:before {
	opacity: 1;
}

.img-wrap img {
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.multiselect__option.active-check {
	background: var(--primary);
}

.cursor-pointer {
	cursor: pointer;
}

.border-bottom-dark {
	border-bottom: 1px solid var(--white-dark) !important;
}

.icon-box {
	width: 20px;
	height: 20px;
	background: var(--white-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	color: var(--white-dark);
	font-size: 18px;
}

.icon-box.active {
	color: var(--secondary);
	background-color: var(--primary);
}

.search-filter-width {
	width: 200px;
}

.search-width-filter {
	width: 181px;
}

.ml-5px {
	margin-left: 5px;
}

.cal-box-input {
	width: 95px!important;
	flex: unset !important;
	padding: unset!important;
	background-color: transparent!important;
}
.cal-box-input::placeholder{
	color: #8c9ab5!important;
}
.cal-box-input:focus{
	color: #2d4677;
	border-color: unset;
	box-shadow: unset;
}

.appoinment-icon {
	width: 34px;
	height: 34px;
	background-image: url(../images/appo-cancel-grey.png);
	background-repeat: no-repeat;
	background-position: center;
}

.appoinment-icon:hover {
	background-image: url(../images/appo-cancel-blue.png);
}

.doc-modal-h {
	max-height: 80vh;
	padding: 0 !important;
}

.margin-8 {
	margin: 8px;
}

.margin-bottom-2 {
	margin-bottom: 2px;
}
.margin-top-9 {
	margin-top: 9px;
}

.position-right-50 {
	right: -50px !important;
}

.nav-link-tab {
	padding: 5px !important;
	border-radius: 8px !important;
	position: relative !important;
}

.disable-li {
	pointer-events: none;
	opacity: 0.5;
	cursor: not-allowed !important;
}

.disable-pointer-events {
	pointer-events: none;
	cursor: not-allowed !important;
}

.disable-page {
	pointer-events: none;
	cursor: not-allowed !important;
}

.popover-wrapper {
	position: relative;
	display: inline-block;
}

.popover-content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -150px;
	transform: translate(0, 10px);
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
	min-width: 200px;
	border-radius: 8px;
}

.popover-content::before {
	position: absolute;
	z-index: 1;
	content: "";
	right: calc(50% - 83px);
	top: -10px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
	transition-duration: 0.3s;
	transition-property: transform;
}

.popover-wrapper:hover .popover-content {
	z-index: 10;
	opacity: 1;
	visibility: visible;
	transform: translate(0, -20px);
	transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
	top: 55px;
	right: -10px;
	z-index: 1000;
}

.cursor-default {
	cursor: default !important;
}

.cursor-unset {
	cursor: unset !important;
}

.modal-body-hidden {
	max-height: 80vh;
	padding: 0;
	overflow: hidden;
}

.header-bg {
	background-color: #fff;
}

.header-logo {
	width: 130px;
}

.no-page-height {
	min-height: calc(100vh - 260px);
}

.profile-btn {
	padding: 16px;
	display: flex;
	border: 1px solid var(--secondary-dark);
	border-radius: 25px !important;
	align-items: center;
	justify-content: center;
	width: auto;
	background-color: #f2f4f6;
	height: 32px;
	color: var(--secondary-dark);
	cursor: pointer;
}

.profile-btn:hover {
	color: var(--secondary);
	border: 1px solid var(--secondary);
}

.menu-sm .sidebar {
	margin-left: 0px;
}

.sidebar {
	margin-left: -260px;
}

.table-height {
	height: calc(100vh - 140px);
}

.report-header {
	background-color: #f1f6fb;
	border: solid 1px #dadaff;
	min-height: 70px;
	padding: 20px 20px 4px 20px;
	border-radius: 4px;
}

.reports-label {
	color: var(--mid-grey) !important;
}

.report-sec-head {
	color: #4750b7;
	font-family: var(--primary-bold) !important;
	font-size: 14px;
	font-weight: var(--semi-bold);
}

.report-footer {
	background-color: #f7f7f7;
	border-top: solid 1px #dee2e6;
	border-bottom: solid 1px #dee2e6;
	min-height: 50px;
	padding: 15px 15px 0px 15px;
}

.SpotLight {
	width: 20px;
	height: 20px;
	border-radius: 100%;
}

.SpotLight-red {
	background-color: #fb343f;
}

.SpotLight-green {
	background-color: #02ab08;
}

.SpotLight-yellow {
	background-color: #e1df08;
}

.empty-bg {
	border: solid 1px #dee2e6;
}

.top-8 {
	top: 8px;
}

.footer-bg {
	background: #fff;
	filter: blur(11px);
	-webkit-filter: blur(10px);
	height: 35px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.z-index-1 {
	z-index: 1;
}

.no-data-sec {
	width: 100%;
	height: calc(-232px + 100vh);
	text-transform: capitalize;
}
.no-data-doc {
	width: 100%;
	height: calc(-360px + 100vh);
	text-transform: capitalize;
}

.no-data-message {
	width: 100%;
	height: calc(-141px + 100vh);
	text-transform: capitalize;
}
.no-data-notifi{
	width: 100%;
	height: calc(-211px + 100vh);
	text-transform: capitalize;
}

.no-data-report {
	width: 100%;
	height: calc(-265px + 100vh);
	text-transform: capitalize;
}

.overflow-unset {
	overflow: unset !important;
}

.table-striped-tbody>tbody:nth-of-type(2n+2) {
	background-color: var(--table-striped-bg);
}

.width-100-per {
	width: 100% !important;
}

.width-100px {
	width: 100px;
}

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

.table-btn-unset {
	border: none !important;
	background: transparent !important;
	padding: 0px !important;
	width: 21px !important;
	height: 21px !important;
	margin-right: 0px !important;
	border-radius: 100%;
}

.box-shadow-sub {
	box-shadow: 0px 3px 7px -0px rgba(33, 37, 41, .1) !important;
}

.chart canvas {
	position: relative !important;
}

.report-sub-text {
	width: 170px;
}

.wk-header {
	background-color: var(--white-lite);
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
	height: var(--field-height);
	display: flex;
	align-items: center;
	border-radius: 0px;
	width: 100%;
}

.wk-header-p {
	font-size: 14px;
	font-weight: var(--semi-bold);
	color: var(--text-lite);
}

.wk-header-span {
	font-size: 14px;
	color: var(--text-lite);
}

.wk-inner {
	background: var(--white-x-lite);
	border: 1px solid var(--white-dark);
	border-radius: 6px;
}

.wk-input-width {
	width: 50px;
}

.wet-button {
	width: 200px !important;
}

.role-tbl-sl-width {
	width: 20%;
	max-width: 20%;
}

.change-pass-box {
	max-width: 600px;
	background-color: white;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.16);
	margin: 0 auto;
	border-radius: 12px;
	width: 90%;
}

.border-none {
	border: none !important;
}

.no-display {
	display: none;
}

.dot {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	display: inline-block;
}

.invite-text {
	font-size: 36px;
	color: #555fd2;
}

.table-bg {
	background-color: var(--table-striped-bg);
}

.overflow-y-hidden {
	overflow-y: hidden;
}

input:disabled {
	color: #2d4677 !important;
	-webkit-text-fill-color: #2d4677 !important;
	opacity: 1;
}

.arrow {
	position: absolute;
	right: 20px;
	top: 10px;
}

.arrow i:hover {
	color: #555fd2;
}

.arrow,
.arrow-up .arrow-down {
	font-size: 19px;
	cursor: pointer;
	color: #9ea2f8;
}

.arrow-up {
	position: relative;
	top: 13px;
}

.plus-btn-custom {
	width: 41px !important;
	height: 41px !important;
}

.inner-box-error {
	background-color: #fef1f4 !important;
	border: solid 1px #fd9bb3;
	border-radius: 0px 0px 4px 4px;
}

.bell-icon {
	font-size: 24px;
	color: var(--text-color);
	cursor: pointer;
}

.bell-icon:hover {
	color: var(--secondary);
}

.padding-field-l {
	padding-left: 0;
}

.padding-field-r {
	padding-right: 0px;
}

.status-online {
	position: absolute;
	right: 26px;
	top: 9px;
	z-index: 1;
	background: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: solid 1px #d9d9d9;
}

.notification-dot {
	width: 25px;
	height: 25px;
	position: absolute;
	background: #ff1616;
	color: #fff;
	border-radius: 100%;
	border: solid 3px #fff;
	top: -5px;
	right: -10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.notification-dot-plus {
	width: 29px;
	height: 25px;
	position: absolute;
	background: #ff1616;
	color: #fff;
	border-radius: 12px 12px;
	border: solid 3px #fff;
	top: -5px;
	right: -13px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: var(--white-lite);
}

.times-icon-position {
	position: absolute;
	right: 28px;
	top: 30px;
	background-color: var(--white-lite);
	border-radius: 100%;
	color: #9ea2f8;
	width: 19px;
	height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.times-icon-position:hover {
	color: var(--secondary);
}

.position-cust {
	right: 23px;
	top: 33px
}

.top-cust {
	top: 32px;
	right: 27px;
}

.tags-box {
	background-color: var(--white-lite);
	border: 1px solid #d9d9d9;
	border-radius: var(--border-radius);
	width: 100%;
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
}

.table-calc-height {
	min-height: calc(100vh - 156px);
}

.dropdown-custom {
	top: 58px !important;
	right: 20px !important;
}

.right-20px {
	right: 20px !important;
}

.appoinment-tag {
	min-width: 55px;
	border-radius: 8px;
	font-size: 14px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding-left: 6px;
	padding-right: 6px;
}

.bg-finshed {
	color: #4bc75e;
	background-color: #f0fff2 !important;
	border: solid 1px #4bc75e;
}

.bg-upcoming {
	color: var(--secondary);
	background-color: #f8faff !important;
	border: solid 1px var(--secondary);
}

.calendar-label {
	width: 13px;
	height: 13px;
	border-radius: 100%;
}

.text-ellipsis {
	display: -webkit-box;
	max-width: 100%;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text-line-clamp {
	display: -webkit-box;
	max-width: 100%;
	line-clamp: 3;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.text-ellipsis-single {
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.msg-count {
	background: var(--secondary);
	border-radius: 100%;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	padding-top: 1px;
	margin-left: 5px;
}

.sidebar-panel a.nav-link.active .msg-count {
	background: #fdfdff;
	color: var(--secondary);
}

.list-style-unset {
	list-style: unset;
}

.bg-Privacy {
	border-radius: 6px;
	background-image: url(../images/privacy-bg.png);
	background-size: cover;
}

.contact-height {
	min-height: calc(100vh - 124px);
}

.height-scroll {
	height: calc(-70px + 100vh);
}

.lite-box-shadow {
	box-shadow: 0 0px 19px #bdbdbd;
}

.input-dash {
	border-radius: 0px !important;
	border-top: medium none !important;
	border-left: medium none !important;
	border-right: medium none !important;
	background: transparent !important;
	padding: 0px 0px 0px 4px !important;
	font-size: 16px !important;
	height: 25px !important;
	width: 20px;
}

.badge-circle {
	background-color: var(--secondary-dark);
	color: #fff;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.radio-custom {
	height: 35px !important;
	padding: 7px 7px !important;
	width: 34px;
}

.min-width-34 {
	min-width: 34px !important;
}

.radio-custom-unset {
	padding: 10px 15px !important;
	height: var(--field-height) !important;
}

.radio-custom-check {
	padding: 0;
	height: 35px;
}

.visit-date-input {
	background: transparent !important;
	border: none;
	width: 121px;
	z-index: 1;
}

.visit-date-input:disabled {
	background-color: transparent;
}

.visit-date-icon {
	position: absolute;
	top: 7px;
	right: -1px;
}

.saving-loader {
	position: fixed;
	right: 20px;
	bottom: 8px;
	background: #edeffe;
	padding: 4px 11px;
	border-radius: 3px;
	color: #000;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px 0px;
	border: solid 1px #ced0d2;
	font-size: 14px;
}

.dot-flashing {
	position: relative;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background-color: #4750b7;
	color: #9880ff;
	animation: dotFlashing 1s infinite linear alternate;
	animation-delay: .5s;
	margin-left: 20px;
	margin-top: 5px;
}

.dot-flashing::before,
.dot-flashing::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -12px;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background-color: #4750b7;
	color: #000;
	animation: dotFlashing 1s infinite alternate;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 12px;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background-color: #4750b7;
	color: #9880ff;
	animation: dotFlashing 1s infinite alternate;
	animation-delay: 1s;
}

@keyframes dotFlashing {
	0% {
		background-color: #4750b7;
	}

	50%,
	100% {
		background-color: #ebe6ff;
	}
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	--bs-table-accent-bg: unset;
}

.child-table-drop-i {
	position: absolute;
	left: 8px;
	top: 18px;
}

.child-section {
	background-color: rgb(231, 232, 247) !important;
	padding: 10px !important;
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}

.textarea-responsive {
	min-height: 100px;
	line-height: 1.8;
	padding-top: 9px;
}

.letter-spacing-5 {
	letter-spacing: 5px;
}

.fs-13 {
	font-size: 14px;
}

.record-label {
	margin-bottom: 6px;
	font-size: 14px !important;
	letter-spacing: 0.3px;
}

.record-details {
	color: #21324f !important;
	font-weight: bold;
	letter-spacing: 0.2px;
	font-family: var(--primary-font) !important;
	font-size: 14px;
}

.check-icon {
	min-width: 18px;
	height: 18px;
	background: var(--primary);
	border-radius: 100%;
	color: var(--text-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

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

form {
	animation: fade 0.3s ease-in-out;
}

.content {
	animation: fade 0.3s ease-in-out;
}

@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.messageto-label{
	color: #626e88;
}

.messageto-tags{
	background: #f1f6fb;
	border-radius: 20px;
	padding: 6px 15px;
	font-size: 14px;
	color: var(--secondary);
	max-width: 150px;
	text-transform: capitalize;
}
.water-mark{
	width: 763px;
	top: -65px;
	opacity: 0.1;
}
.message-tip{
	background-color: #fff;
	box-sizing: border-box;
	cursor: auto;
	max-height: 360px;
	max-width: 300px;
	overflow: auto;
	position: absolute;
	top:32px;
	right: 0;
	min-width: 200px;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	border: 1px solid var(--white-dark);
	padding: 8px 10px;
	z-index: 1;
}
.message-angle-down {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%239ea2f8' d='M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 20px;
    width: 18px;
    height: 18px;
}
.message-angle-down:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23555fd2' d='M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z'/%3e%3c/svg%3e");
}
.li-style-unset li{
    list-style-type: unset;
}
.dot-offline{
	background-color: #00f4ce;
}
.text-warning-dark {
    color: var(--warning-dark) !important;
}
.card-hover {
	transition: background-color 0.25s;
}
.card-hover:hover, .card-hover:hover > .card-hover {
	background-color: whitesmoke;
}
.episode-button {
	width: 16px;
	margin-left: -16px;
	border-radius: 8px 0 0 8px;
	transition: all 0.25s;
}
.episode-button:hover, .episode-button:hover > .episode-button {
	width: 20px;
	margin-left: -20px;
}
.patient-list-filter .multiselect {
	background-color: transparent;
	border: none;
    color: var(--secondary) !important;
	justify-content: unset !important;
	margin-left: .25rem !important;
	font-size: 16px;
}
.patient-list-filter .multiselect-multiple-label, 
.patient-list-filter .multiselect-single-label,
.patient-list-filter .multiselect-placeholder {
	font-weight: bold;
	padding-left: 0 !important;
	padding-right: 0 !important;
	position: relative !important;
}
.patient-list-filter .multiselect-search {
	font-weight: bold;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.patient-list-filter .multiselect:hover .multiselect-multiple-label, 
.patient-list-filter .multiselect:hover .multiselect-single-label,
.patient-list-filter .multiselect:hover .multiselect-placeholder {
	text-decoration: underline;
}
.patient-list-filter .multiselect-caret, 
.patient-list-filter .multiselect-caret {
	font-weight: bold;
	margin: 8px 0 0 0;
	display: inline-block
}
.patient-list-filter .multiselect-clear, 
.patient-list-filter .multiselect-clear {
	display: none;
}
.patient-list-filter .multiselect-dropdown {
	width: min-content;
	min-width: 120px;
}
.patient-list-typeable .is-active .multiselect-search {
	position: relative;
	border-radius: 8px;
    border: 1px solid #d9d9d9;
	max-width: 120px;
}
.patient-list-typeable .is-active .multiselect-placeholder,
.patient-list-typeable .is-active .multiselect-multiple-label {
	display: none;
}
.patient-list-typeable .is-active .multiselect-dropdown {
	min-width: 200px;
}
.diagnosis-search .multiselect {
	justify-content: normal;
}
.diagnosis-search .multiselect-caret {
	position: absolute;
	right: 0;
}
.hover-underline:hover {
	text-decoration: underline;
}
.sub-animation-left {
	animation: fpFadeInLeft 300ms cubic-bezier(.23, 1, .32, 1);
}
.navbar-active {
    color: var(--secondary);
    font-weight: var(--semi-bold);
    background: var(--second-lite);
}

@-webkit-keyframes fpFadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fpFadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}