body {
	font-family: 'Inter' !important;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: rgba(221, 224, 232, 1);
	display: none;
}

::-webkit-scrollbar {
	width: 5px;
	background-color: white;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(48, 63, 159, 1);
	background-color: rgba(48, 63, 159, 1);
}

:root {
	--background: #f2f6fe;

	--grey-400: #99a6b7;

	--blue-400: #1171ef;
	--blue-500: #0a4189;
	--blue-800: #192a3e;

	--clr-appointment-available-border: #e3e5ed;
	--clr-appointment-available-bg: #fff;
	--clr-appointment-selected-border: #303f9f;
	--clr-appointment-selected-bg: #303f9f;
	--clr-appointment-completed-border: #e3e5ed;
	--clr-appointment-completed-bg: #f1f2f6;
	--clr-appointment-booked-border: #ff8900;
	--clr-appointment-booked-bg: #ff8900;
	--clr-appointment-holiday-border: var(--v-warning-lighten2);
	--clr-appointment-holiday-bg: var(--v-warning-lighten3);
}

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

.theme {
	color: #303f9f;
	font-weight: 700;
}

.v-pagination {
	justify-content: left !important;
}

.v-btn.primary {
	background-image: linear-gradient(to right, var(--blue-400), var(--blue-500)) !important;
}

.expandable-image img {
	height: 100px !important;
	width: 100px !important;
}

.expandable-image.expanded img {
	width: 100% !important;
	height: 100% !important;
}

.v-autocomplete.v-select.v-input--is-focused input {
	min-width: 40px !important;
}

.v-tabs.treatment--tabs .theme--light {
	border-bottom: 1px solid var(--v-primary-base);
}

.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right)
	> .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes)
	.v-slide-group__prev {
	display: none !important;
}

.theme--light.v-tabs > .v-tabs-bar .v-tab.treatment--tab--active:not(.v-tab--active) {
	color: #ffffff !important;
	opacity: 0.5;
}

.logo--py {
	padding-top: 30px !important;
	padding-bottom: 10px;
}

/* .v-overlay__scrim{
  opacity: 0.7 !important;
  background-color:black!important;
} */
.treatment--tab.v-tab--active {
	color: #ffffff !important;
}

.image {
	width: 120px;
	height: 120px;
}

.logo--image {
	width: 150px;
}

.para {
	color: #99a6b7;
	font-size: 14px;
}

.subTitleColor .v-card__subtitle {
	color: #99a6b7;
	padding: 2px 16px;
}

.danger {
	color: #ff4c4c;
}

.btn {
	width: 120px;
}

.titleWidth {
	width: 20%;
}

.setmargin {
	margin-top: -15%;
}

.patientDetail {
	padding-left: 20px !important;
	padding-right: 20px !important;
	/* margin-top:-14% ; */
}

.btns {
	padding: 0 30px !important;
}

.v-text-field--outlined .v-label {
	top: 14px !important;
}

.tab--border > .v-tabs-bar {
	border-right: 1px solid #99a6b7 !important;
}

.v-tabs-items {
	padding: 15px 0 !important;
}

.breadcrumb {
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
}

.breadcrumb label {
	font-weight: 200;
	color: #ffffff !important;
}

.container-padding {
	padding: 32px !important;
}

.heading {
	font-size: 25px;
	font-weight: 400;
	color: black !important;
}

.text {
	color: black !important;
}

.v-text-field--outlined {
	border-radius: 2px !important;
}

.v-text-field--outlined fieldset {
	border: 2px solid #e3e5ed !important;
}

.v-data-table-header {
	background-color: #f8f9fb;
}

.v-data-table-header span {
	font-size: 14px;
	color: #192a3e;
	font-weight: 500;
}

.theme--light.v-label {
	color: #192a3e !important;
}

.theme--light.v-icon {
	color: #99a6b7 !important;
}

.v-btn {
	text-transform: none !important;
	letter-spacing: normal !important;
}

.headerButton {
	width: 150px;
	height: 40px !important;
}

.heading-subtitle {
	color: black;
	font-weight: 500 !important;
	font-size: 18px !important;
}

.titleNames label {
	font-weight: 700;
	font-size: 15px;
	color: black;
}

.titleNames v-col {
	padding-top: 0;
	padding-bottom: 0;
}

.titleNames .col-12 {
	padding: 6px 12px !important;
}

.titleNames .col-6 {
	padding: 6px 12px !important;
}

.v-sheet.v-card {
	border-radius: 2px;
}

.v-sheet.v-card:not(.v-sheet--outlined) {
	box-shadow: none !important;
	border: 1px solid #e3e5ed;
}

.v-input__slot {
	margin: 0 !important;
}

.v-text-field.v-text-field--enclosed .v-text-field__details {
	margin-bottom: 0 !important;
}

.v-text-field.hide--text-field_details .v-text-field__details {
	display: none !important;
}

.theme--light.v-input.hide--text-field_details {
	text-align: center !important;
}

.v-input__prepend-inner {
	margin-top: 8px !important;
}

.modalButton {
	width: 120px;
	height: 368px;
}

.setBg {
	margin-top: -14%;
}

/*Media query*/
@media screen and (min-width: 1280px) and (max-width: 1350px) {
	.setBg {
		margin-top: -16%;
	}
}

@media screen and (max-width: 1280px) {
	.setBg {
		margin-top: -17%;
	}
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
	.setBg {
		margin-top: -21%;
	}
}

@media screen and (max-width: 400px) {
	.setBg {
		margin-top: -28%;
	}

	.setBgAdd {
		margin-top: -50% !important;
	}
}

@media screen and (max-width: 500px) and (min-width: 400px) {
	.setBg {
		margin-top: -28%;
	}

	.setBgAdd {
		margin-top: -43% !important;
	}
}

@media screen and (max-width: 600px) and (min-width: 500px) {
	.setBg {
		margin-top: -20%;
	}

	.setBgAdd {
		margin-top: -33% !important;
	}
}

@media screen and (max-width: 700px) and (min-width: 600px) {
	.setBg {
		margin-top: -21%;
	}
}

@media screen and (max-width: 920px) and (min-width: 700px) {
	.setBg {
		margin-top: -15%;
	}

	.setBgAdd {
		margin-top: -21% !important;
	}
}

@media (max-width: 576px) {
	.titleWidth {
		width: 100%;
	}

	.setmargin {
		margin-top: -40%;
	}

	.patientDetail {
		padding-left: 12px !important;
		padding-right: 12px !important;
		/* margin-top:-25%; */
	}

	.v-input__slot {
		margin-bottom: 0 !important;
	}

	.btns {
		padding: 0 15px !important;
		color: white;
	}

	.comboBox.v-text-field--outlined fieldset {
		top: 0px !important;
		border-radius: 6px !important;
		/* width: 40px!important ; */
	}

	.datepicker {
		width: 100% !important;
	}

	.setpadding {
		padding: 16px !important;
	}

	.oneButton {
		float: none;
	}
}

/* .fileInput > .v-text-field--outlined fieldset{
  height: 100px !important;
} */
/* .v-file-input >.v-input__control>.v-input__slot{
  height: 100px !important;
} */

.modalHeader {
	font-weight: 500 !important;
	font-size: 21px !important;
	color: white !important;
}

.pagination button,
.pagination label {
	padding: 6px 10px;
}

.pageNo {
	border: 1px solid #e3e5ed;
	color: black;
}

.icon {
	margin-right: 12px !important;
	margin-left: 12px !important;
}

.logo {
	margin: 10px;
}

.comboBox.v-text-field--outlined fieldset {
	top: 0px;
	border-radius: 6px;
	/* width: 80px; */
}

/* .v-text-field.v-text-field--enclosed .comboBox .v-text-field__details,
.v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)
  > .v-input__control
  > .v-input__slot {
  padding: 0 !important;
} */
.labels label {
	font-weight: 600;
}

.heading-text {
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
}

.otp-input .v-text-field--outlined {
	border-radius: 6px !important;
}

.subTitle .v-card__subtitle {
	color: #99a6b7;
	padding-bottom: 10px !important;
	padding-top: 0 !important;
	padding-left: 10px;
	padding-right: 10px;
}

.subTitle .v-card__text {
	padding-left: 10px;
	padding-right: 10px;
}

.v-card__title {
	color: black !important;
}

.row + .row {
	margin-top: 0 !important;
}

.subTitle .col {
	padding: 8px !important;
}

.v-dialog > .v-card > .v-card__text {
	padding: 16px !important;
}

.subTitle {
	margin-top: 0 !important;
}

.v-input--selection-controls {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.v-text-field__slot label,
.v-input__slot label {
	font-weight: 500;
	font-size: 15px;
}

.v-input--selection-controls .v-input__slot > .v-label,
.v-input--selection-controls .v-radio > .v-label {
	color: black !important;
}

.iconButton {
	margin: 3px 20px;
}

.paracolor .v-card__subtitle {
	padding: 8px !important;
}

.paracolor .v-card__subtitle p {
	color: #99a6b7;
}

.datepicker {
	width: 45%;
	margin-left: auto !important;
}

.datepicker .theme--light.v-input input {
	color: white !important;
}

.setpadding {
	padding: 17px;
}

/* .icon-payment .v-chip{
  opacity: 0.1;
} */
/* .icon-payment .theme--light.v-icon{
  color: #242726!important;
} */
.oneButton {
	float: right;
}

.label-text {
	color: #192a3e !important;
	font-weight: 500 !important;
	font-size: 15px;
	letter-spacing: 0.0892857143em;
}

.primarycolor {
	color: #303f9f !important;
}

.set-table {
	white-space: nowrap !important;
	overflow-x: scroll;
}

.date2 {
	left: unset !important;
	right: 0px !important;
	transform-origin: right top !important;
}

@media only screen and (max-width: 1200px) {
	.prescriptionArray {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}

@media screen and (max-width: 1350px) {
	.patient-detail-array {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 800px) {
	.prescriptionArray {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.patient-detail-array {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}

@media screen and (max-width: 576px) {
	.patient-detail-array {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.v-menu__content {
		right: 0px !important;
		transform-origin: right top !important;
	}
}

@media only screen and (min-width: 1200px) {
	.prescriptionArray {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}

.v-application p {
	letter-spacing: 0.3px;
	margin-bottom: 10px !important;
}

h3 {
	font-weight: 500 !important;
}

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

.fileUpload.mdi:before {
	font-size: 50px !important;
}

.closeButton {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 5;
	height: 25px;
	width: 25px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	line-height: normal;
	font-size: 1.1rem;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid #ffffff;
	border-radius: 50px !important;
}

.showButton .downloadButton {
	visibility: hidden;
	position: absolute;
	right: 16px;
	top: -10px;
}

.showButton:hover .downloadButton {
	visibility: visible;
	position: absolute;
	right: 16px;
	top: -10px;
	z-index: 5;
	height: 25px;
	width: 25px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	line-height: normal;
	font-size: 1.1rem;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid #ffffff;
	border-radius: 50px !important;
}

.setProfilePicture {
	border-radius: 20px !important;
	background-color: #e9eeff !important;
	border: 8px solid #dce4ff !important;
}

.closeButton span {
	color: white;
}

.dashboardCard {
	border-radius: 6px !important;
}

.select .v-input__slot {
	border-radius: 20px !important;
	height: 38px !important;
}
.v-select__selections {
	display: flex;
	flex-wrap: nowrap !important;
	overflow: hidden;
}

.image-container {
	width: 100% !important;
}

.image-list-container .image-list-item[data-v-10e59822] {
	height: 100px !important;
	width: 100px !important;
	border-radius: 4px;
	border: 1px solid #d6d6d6;
}

.image-list-container[data-v-10e59822] {
	max-width: 100% !important;
}

.image-list-container .image-list-item .show-img[data-v-10e59822] {
	max-width: 100% !important;
	max-height: 100% !important;
}

.mainbg {
	color: white;
}

.v-application--is-ltr .isd-code.v-text-field .v-input__append-inner {
	width: 18px !important;
}

.v-data-table-header__icon {
	display: none !important;
}

/* table {
	white-space: nowrap !important;
} */
.v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot textarea {
	overflow-y: scroll;
}

.v-text-field--outlined > .v-input__control > .v-input__slot {
	min-height: 38px !important;
	max-height: 38px !important;
}
textarea {
	margin-top: 5px !important;
}
.v-input input {
	font-size: 14px !important;
	max-height: 0 !important;
}
.v-input .v-label {
	line-height: 12px !important;
}
.v-select__selection--comma {
	margin: 0 !important;
	font-size: 14px !important;
}

/* .v-text-field--enclosed .v-input__append-inner {
	margin-top: 13px !important;
} */
.v-application--is-ltr .v-text-field .v-input__append-inner {
	margin: auto !important;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:before,
.v-text-field > .v-input__control > .v-input__slot:after {
	border-color: transparent !important;
	background-color: transparent !important;
}

.button-height {
	height: 0 !important;
}

.input-class {
	padding: 0 12px;
	min-height: 50px !important;
	border: 1px solid #e3e5ed;
}

.vdp-datepicker__calendar .cell.selected {
	background: #303f9f !important;
	color: white;
}

.vdp-datepicker__calendar .cell:hover {
	border: 1px solid #303f9f !important;
}

.set-profile {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.set-profile-image {
	border-radius: 15px !important;
	width: 160px !important;
	height: 180px !important;
}

.set-profile-avtar {
	border-radius: 50px !important;
}

tbody td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.v-date-picker-table {
	height: auto !important;
}

.custom-field .v-btn {
	min-width: 0 !important;
}

.text-secondary {
	color: #99a6b7;
}

.v-dialog {
	margin: 8px !important;
}

.br--22 {
	border-radius: 22px !important;
}

.br--28 {
	border-radius: 2px !important;
}

.br--8 {
	border-radius: 6px !important;
}

/* patient List & treatment List Style Combo */

.align-items-end {
	align-items: end;
}

.breedcrumb_style {
	font-size: 13px;
}

.count_label {
	font-size: 15px;
}

.heading_page {
	font-size: 28px;
	color: #192a3e;
	font-weight: 500 !important;
}

.border_statistics {
	border-right: 1px solid #99a6b7;
}

.br--2 {
	border-radius: 2px !important;
}

.progress-circular {
	position: relative;
}

.progress-circular::after {
	content: '';
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 19%;
	background-color: white;
	z-index: 2;
}

.patient_name {
	color: #1171ef;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.7px;
}

/* Data table Changes  */

.v-data-table-header {
	background-color: white !important;
}

.v-data-table .v-data-table__wrapper tbody tr:nth-child(even) {
	background-color: white;
}

.v-data-table .v-data-table__wrapper tbody tr:nth-child(odd) {
	background-color: #f8f9fb;

	.progress-circular::after {
		background-color: #f8f9fb;
	}
}

.v-data-table .v-data-table__wrapper tbody tr:hover {
	.progress-circular::after {
		background-color: #eee !important;
	}
}

/* Input Validation Error Default Padding at upeer side  */
.v-messages__message {
	line-height: 15px !important;
}

.v-text-field.v-text-field--enclosed .v-text-field__details {
	padding-top: 6px !important;
}

.v-autocomplete:not(.v-input--is-focused).v-select--chips input {
	max-height: inherit !important;
}

/* modal-header & modal-padding  */

.bg-header {
	background: #1171ef !important;
}

.body-bg {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}

.v-card-br-12 {
	border-radius: 12px !important;
}

@media only screen and (max-width: 996px) {
	.d-statistics {
		display: none;
	}

	.d-hide-mobile {
		display: none !important;
	}
}

.version_number {
	padding: 2px 20px;
	color: white;
	font-size: 13px;
	position: absolute;
	left: 1%;
	bottom: 15%;
}

.text-black {
	color: black !important;
}

.text-content {
	font-size: 12px;
	line-height: 15px;
}

.modal-center {
	text-align: start !important;
	display: flex;
	gap: 5px;
	flex-direction: row;
	align-items: center;
}

.modal-center-null {
	text-align: center !important;
	display: flex;
	gap: 5px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bg-primary-modal {
	background: linear-gradient(104.04deg, #1171ef 0%, #0a4189 100%) !important;
	max-width: 270px !important;
}

.text-white {
	color: white !important;
}

.fixed__modal {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: white;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 550px;
	border-radius: 12px;
	cursor: move;
	/* Show a move cursor when hovering over the modal */
	background-color: white;
	/* padding: 20px; */
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

.modal_null_value {
	position: absolute;
	top: 50%;
	right: 30%;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
	/* Semi-transparent black */
	z-index: 1;
	/* Below the modal but above the table */
}

/* Modal styling */
.modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pagination-field > .v-input__control > .v-input__slot {
	min-height: 35px !important;
}

.pagination-field {
	border-radius: 8px !important;
}

.br--22 {
	border-radius: 22px !important;
}

.patient_btn_plain {
	color: #303f9f !important;
}
.v-application--is-ltr .v-text-field .v-label {
	overflow: visible !important;
}
input::placeholder {
	overflow: visible !important;
	font-size: 12px !important;
}
.v-select__selection--comma {
	overflow: visible !important;
}
.v-list-item__title {
	overflow: visible !important;
}
.v-chip.v-size--default {
	font-size: 11px !important;
	max-height: 25px;
}
/* .v-input__slot {
	border-radius: 22px !important;
} */