@import 'constants.css';

.has-fadeIn-animation {
	animation: fadeIn 0.4s ease-in-out !important;
}

.has-fadeIn2-animation {
	animation: fadeIn2 0.4s ease-in-out !important;
}

html:has(body.modal-open)::-webkit-scrollbar {
	/* pointer-events: none;
	background: red; */
}

html:has(body.modal-open.page_treatment) {
	/* overflow: hidden; */
}

body.has-loading-cover {
	position: relative;
}

body.has-loading-cover::after {
	position: absolute;
	background: rgba(0, 0, 0, 0.15);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.pin-action {
	cursor: pointer;
	transition: all .2s ease;
}

.pin-action:hover {
	transform: scale(1.2);
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeIn2 {
	0% {
		opacity: 0;
		transform: translateY(0);
	}

	100% {
		opacity: 1;
		transform: translateY(5px);
	}
}

.modified-dropify-ui .dropify-wrapper {
	border: 2px dashed #36459B;
	border-radius: 15px;
}

/*.app-page {*/
/*	max-width: calc(100% - 130px) !important;*/
/*}*/

.page.app-page {
	min-height: calc(100vh - 175px);
}

.app-content {
	width: 100%;
	padding: 30px 26px;
}

.app-content.secondary {
	padding: 56px 42px;
}

.app-content-card {
	border: 1px solid #F4F6FB;
	background: rgba(244, 246, 251, 0.38);
	padding: 17px;
}

.app-content-card.secondary {
	padding: 40px 28px;
	border-radius: 7px;
	background: #F4F6FB;
	width: 100%;
}

.app-content-card.third {
	padding: 40px 22px;
	border-radius: 7px;
	background: rgba(244, 246, 251, 0.38);
	width: 100%;
}

.app-gray-color {
	color: #8C8C8C !important;
}

.app-form-padding {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.app-content-card-title {
	color: #36459B;
	font-family: IRANSans;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}

.app-content-card-title.secondary {
	font-family: IRANSans-Medium;
}

.app-modal-title {
	color: #424242;
	font-family: IRANSans-Bold;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
}

.app-modal-subtitle {
	color: #858588;
	font-family: IRANSans;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}

.app-modal-subtitle.secondary {
	color: #424242;
	font-family: IRANSans-Medium;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

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

.app-not-found {
	width: 100%;
	min-height: 60px;
	padding: 60px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-not-found.has-bg {
	background: #fff;

}

.app-not-found p {
	color: #8C8C8C;
	text-align: right;
	font-family: IRANSans-Medium;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

/* .app-not-found p {
    color: #424242;
    font-family: IRANSans-Medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
} */

@media (max-width: 768px) {
	/*.app-page {*/
	/*	max-width: calc(100% - 32px) !important;*/
	/*}*/
	.app-page.full {
		max-width: 100% !important;
	}

	.app-content-card.third {
		padding: 20px 12px;
	}

	.text-end-in-sm {
		text-align: end !important;
	}
}

.app-page-child {
	max-width: 100% !important;
}

.page.app-page-child {
	min-height: unset !important;
}

.app-page-content {
	padding: 5px 0 3px !important;
}

.app-page-content.no-padding {
	padding: 0 !important;
}

body.no-padding {
	padding-top: 0 !important;
}

body.no-navbar {
	padding-top: 0 !important;
}

body.no-navbar .page.app-page {
	min-height: 100vh !important;
}

/* html, body {
    margin: 0;
    height: 100%;
    direction: ltr;
} */

.app-fit {
	width: 100% !important;
}

/* captcha */
.app-captcha {
	width: fit-content;
	height: fit-content;
	background-color: #F4F6FB;
	border-radius: 4px;
	padding: 2px 8px 2px 2px;
	margin-bottom: 3px;
	flex-direction: row-reverse;
	margin-top: 5px;
}

/* logo */
.app-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-right: 16px;
	margin-bottom: -6px;
}

.app-logo .app-logo-text {
	margin: 0;
	font-family: 'IRANYekan-ExtraBold';
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 31px;
	color: #0B4463;
}

/* text low */
.app-text-lowBlue {
	font-family: 'IRANYekan';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #36459B;
	text-decoration: none;
}

/* arrow back */
.app-arrow-back {
	cursor: pointer;
	transform: rotate(180deg);
}

/* change language action */
.app-change-lang {
	margin: 0;
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 10px;
	color: #424242;
	text-decoration: none;
	cursor: pointer;
	align-self: flex-end;
}

.app-change-lang.fa {
	line-height: 16px !important;
}

.app-change-lang.fa::after {
	content: url("../../../bioarc/assets/images/svg/fa.svg");
	margin-left: 8px;
	margin-right: unset !important;
	vertical-align: -21% !important;

}

.app-change-lang.en::after {
	vertical-align: -21%;
	margin-left: unset !important;
	margin-right: 8px !important;
	content: url("../../../bioarc/assets/images/svg/en.svg");
}

.app-form-card {
	border-radius: 7px;
	background: #FAFAFA;
	width: 100%;
	padding: 14px 17px;
}

.app-form-card.secondary {
	border-radius: 12px;
	background: #F4F6FB;
	width: 100%;
	padding: 22px 20px;
}

.app-form-card.third {
	background: #F4F6FB;
}

.app-gray-title {
	color: #858588;
	font-family: IRANSans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

.app-gray-title.medium {
	font-family: IRANSans-Medium;
}

.app-gray-title.bold {
	font-family: IRANSans-Bold;
}

.app-form-card-title {
	color: #36459B;
	font-family: IRANSans-Medium;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

.app-admission-content {
	width: 100%;
	padding: 31px 27px;
}

.app-admission-content.secondary {
	padding: 33px 38px;
}

.admission-management-content {
	width: 100%;
	padding: 24px 26px;
}


/* gaps */
.col-gap-4 {
	column-gap: 4px;
}

.col-gap-6 {
	column-gap: 6px;
}

.col-gap-8 {
	column-gap: 8px;
}

.col-gap-10 {
	column-gap: 10px;
}

.col-gap-11 {
	column-gap: 11px;
}

.col-gap-12 {
	column-gap: 12px;
}

.col-gap-13 {
	column-gap: 13px;
}

.col-gap-14 {
	column-gap: 14px;
}

.col-gap-15 {
	column-gap: 15px;
}

.col-gap-16 {
	column-gap: 16px;
}

.col-gap-18 {
	column-gap: 18px;
}

.col-gap-20 {
	column-gap: 20px;
}

.col-gap-22 {
	column-gap: 22px;
}

.col-gap-24 {
	column-gap: 24px;
}

.col-gap-26 {
	column-gap: 26px;
}

.col-gap-40 {
	column-gap: 40px;
}

.col-gap-28 {
	column-gap: 28px;
}

.col-gap-30 {
	column-gap: 30px;
}

.col-gap-36 {
	column-gap: 36px;
}

.col-gap-42 {
	column-gap: 42px;
}

.col-gap-60 {
	column-gap: 60px;
}

/* row */
.row-gap-16 {
	row-gap: 16px;
}

.row-gap-32 {
	row-gap: 32px;
}


.row-gap-6 {
	row-gap: 6px;
}

.row-ga-7 {
	row-gap: 7px;
}

.row-gap-54 {
	row-gap: 54px;
}

.row-gap-46 {
	row-gap: 54px;
}

.row-gap-50 {
	row-gap: 50px;
}

.row-gap-18 {
	row-gap: 18px;
}

.row-gap-40 {
	row-gap: 40px;
}

.row-gap-44 {
	row-gap: 44px;
}

.row-gap-36 {
	row-gap: 36px;
}

.row-gap-14 {
	row-gap: 14px;
}

.row-gap-20 {
	row-gap: 20px;
}

.row-gap-22 {
	row-gap: 22px;
}

.row-gap-12 {
	row-gap: 12px;
}

.row-gap-26 {
	row-gap: 26px;
}

.col-gap-7 {
	column-gap: 7px;
}

.row-gap-4 {
	row-gap: 4px;
}

.row-gap-38 {
	row-gap: 38px;
}

.row-gap-38 {
	row-gap: 38px;
}

.row-gap-30 {
	row-gap: 30px;
}

.row-gap-7 {
	row-gap: 7px;
}

.row-gap-2 {
	row-gap: 2px;
}

.row-gap-10 {
	row-gap: 10px;
}

.g-0 {
	gap: 0 !important;
}

.row-gap-0 {
	row-gap: 0 !important;
}

.col-gap-0 {
	column-gap: 0 !important;
}

.row-gap-34 {
	row-gap: 34px;
}

.row-gap-28 {
	row-gap: 28px;
}

.row-gap-2 {
	row-gap: 2px;
}

.row-gap-24 {
	row-gap: 24px;
}

.ltr-dir {
	direction: ltr !important;
}

.rtl-dir {
	direction: rtl !important;
}

/*  */
.bootstrap-padding {
	padding-left: 1.0715rem;
	padding-right: 1.0715rem;
}

.bootstrap-padding-secondary {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

/* flexes */
/* --- */

.f-3 {
	flex: 3 !important;
}

.f-2 {
	flex: 2 !important;
}

.f-1-2 {
	flex: 1.2 !important;
}

.f-4 {
	flex: 4 !important;
}

.f-5 {
	flex: 5 !important;
}

.f-05 {
	flex: 0.5 !important;
}

.mt-26 {
	margin-top: 26px;
}

/* sm    */
@media (min-width: 576px) {

	.f-sm-3 {
		flex: 3 !important;
	}

	.f-sm-2 {
		flex: 2 !important;
	}

	.f-sm-4 {
		flex: 4 !important;
	}

	.f-sm-5 {
		flex: 5 !important;
	}

}

/* md    */
@media (min-width: 768px) {

	.f-md-3 {
		flex: 3 !important;
	}

	.f-md-2 {
		flex: 2 !important;
	}

	.f-md-4 {
		flex: 4 !important;
	}

	.f-md-5 {
		flex: 5 !important;
	}
}

/* lg    */
@media (min-width: 992px) {

	.f-lg-3 {
		flex: 3 !important;
	}

	.f-lg-2 {
		flex: 2 !important;
	}

	.f-lg-4 {
		flex: 4 !important;
	}

	.f-lg-5 {
		flex: 5 !important;
	}
}

/* xl    */
@media (min-width: 1200px) {

	.f-xl-3 {
		flex: 3 !important;
	}

	.f-xl-2 {
		flex: 2 !important;
	}

	.f-xl-4 {
		flex: 4 !important;
	}

	.f-xl-5 {
		flex: 5 !important;
	}
}

/*  */
*::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #DFE9F9;
	border: 1px solid #DFE9F9;
}

@media (max-width: 680px) {
	.app-content {
		width: 100%;
		padding: 12px 0 70px;
		/*padding: 0px;*/
	}

	.app-content.secondary {
		padding: 20px 12px 70px;
	}

	.app-content-card {
		padding: 7px;
	}
}

@media (max-width: 768px) {


	.admission-content,
	.admission-management-content {
		width: 100%;
		padding: 18px 15px;
	}
}


/* ------------> patient turn type */
.patient-turn-type {
	--size: 32px;
	width: var(--size);
	height: var(--size);
	position: relative;
	border-radius: 50%;
}

.patient-turn-type .icon {
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.patient-turn-type .user-avatar,
.patient-turn-type .avatar img {
	width: var(--size);
	height: var(--size);
	min-width: var(--size);
	min-height: var(--size);
	max-width: var(--size);
}


.patient-turn-type .icon:has(+span.avatar),
.patient-turn-type .icon:has(+.user-avatar) {
	width: 20px;
	height: 20px;
	position: absolute;
	top: -7px;
	right: -10px;
	z-index: 100;
}

.patient-turn-type .icon:has(+span.avatar) svg,
.patient-turn-type .icon:has(+.user-avatar) svg {
	width: 13px;
	height: 13px;
}


.patient-turn-type .icon.blue {
	background: #E7F6FF;
}


.patient-turn-type .icon.green {
	background: #E8F6F1;
}


.patient-turn-type .icon.orange {
	background: #FDF2EF;
}


.patient-turn-type .icon.purple {
	background: #EBE3F5;
}


.patient-turn-type .icon.purple-low {
	background: #E5E8F6;
}

/* @media print {

    *,
    html,
    body {
        margin: 0;
    }
} */


.validation-star {
	font-size: 20px;
	font-weight: 700;
	color: #fb1f13 !important;
	line-height: 10px;
	position: relative;
	top: 6px;
}


@media (max-width: 576px) {
	.min-width-100-in-mobile {
		min-width: 100% !important;
	}

	.app-content-card.secondary {
		padding: 20px 16px;
		border-radius: 0;
	}

	.padding-0-in-mobile {
		padding: 0 !important;
	}

	.padding-16-in-mobile {
		padding: 0 16px !important;
	}

}

.iransans-medium {
	font-family: IRANSans-Medium !important;
}

.iransans-bold {
	font-family: IRANSans-Bold !important;
}

.iransans-default {
	font-family: IRANSans !important;
}

.has-pt-120,
.app-page.has-pt-120 {
	padding-top: 120px !important;
}

@media (max-width: 768px) {
	.has-pt-120,
	.app-page.has-pt-120 {
		padding-top: 60px !important;
	}
	body.V2.bioarc_ir .page.app-page.has-pt-120{
	/* body.V2.bioarc_ir .page.app-page { */
		padding-top: 48px !important;
	}
}


.swal_workflow_width .sa-button-container {
	position: sticky;
	bottom: 0;
	background: #fff;
	z-index: 99;
	border-top: 1px solid rgba(1, 1, 1, 0.12);
	padding: 6px;
}

.swal_workflow_width {
	padding-bottom: 0 !important;
	margin-top: -43vh !important;
	max-height: calc(100vh - 62px) !important;
}

@media (max-width: 900px) {

	.sweet-alert.swal_workflow_width {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: 0;
		right: 0;
	}

	.sweet-alert.swal_workflow_width {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		max-height: 88vh;
		margin-top: unset !important;
	}


	.myDiagramDiv {
		overflow: hidden;
	}

	#myDiagramDiv canvas + div,
	.myDiagramDiv {
		overflow: hidden !important;
	}

}

#myDiagramDiv canvas {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

/* @media (max-width:576px) {
    .swal_workflow_width .sa-button-container {
        padding-bottom: 30px;
    }
} */


chatgpt-sidebar, chatgpt-sidebar-popups, sider-quick-compose-btn {
	display: none !important;
}

.text-overflow-ellipsis {
	text-overflow: ellipsis;
}