/* button */
.app-btn {
	width: fit-content;
	padding: 18px 38px;
	background-color: var(--color-primary, #36459b);
	/*font-family: "IRANYekan";*/
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1px;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: 0.3s;
}

.app-btn:hover {
	background-color: var(--color-primary-dark, #132277);
}

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

.span-btn {
	cursor: pointer;
}

/* app btn 2 */
.app-btn2 {
	width: fit-content;
	min-height: 40px;
	max-height: 40px;
	padding: 10px 22px 10px 22px;
	border-radius: 7px;
	background: var(--color-primary, #36459b);
	color: #fff;
	text-align: center;
	font-size: 14px;
	/*font-family: IRANSans !important;*/
	font-style: normal;
	line-height: 20px;
	letter-spacing: 0.1px;
	cursor: pointer;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-weight: 500;
	box-shadow: unset !important;
	transition: all 300ms;
}

.app-btn2.responsive-btn .app-btn2-text {
	display: block;
}

.app-btn2.responsive-btn .app-btn2-icon {
	display: none;
}

.app-btn2:not(.second,
	.orange,
	.red,
	.green,
	.success,
	.danger,
	.warning,
	.danger-second,
	.outline,
	.fifth,
	.fourth,
	.sixth,
	.disabled,
	:disabled):hover {
	background: #132277 !important;
	box-shadow: 0px 0px 7px 0px rgba(1, 1, 18, 0.62) inset,
	0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn2.bg-transparent {
	background: transparent;
}

.app-btn2.small {
	min-height: 34px;
	max-height: 34px;
	min-width: unset;
}

.app-btn2.small > i {
	font-size: 18px !important;
}

.app-btn2.second.small {
	/*min-width: 90px;*/
	padding: 0 22px;
	min-height: 34px;
	max-height: 34px;
}

.app-btn2.with-icon {
	padding: 10px 16px 10px 8px;
}

.app-btn2.responsive-btn {
	padding: 10px 8px !important;
}

.app-btn2.table-action.second {
	font-size: 12px;
	min-height: 30px;
	max-height: 30px;
}

.app-btn2.table-action.table-action-second {
	min-width: fit-content;
	width: fit-content;
	padding: 0 12px !important;
}

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

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

.app-btn2.with-icon.with-icon-secondary {
	min-width: unset;
	padding: 0 16px 0 8px;
}

body[dir="rtl"] .app-btn2.with-icon.with-icon-secondary {
	padding: 0 8px 0 16px;
}

.app-btn2.large {
	min-height: 54px;
	font-size: 16px;
}

.app-btn2.disabled {
	background: #e4e4e4;
	pointer-events: none;
	cursor: not-allowed;
}

.app-btn2:focus {
	outline: none;
}

.app-btn2:disabled {
	background: #d3d3d3 !important;
	cursor: auto !important;
	color: #fff !important;
}

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

.app-btn2.second {
	background: #d7daea;
	color: var(--color-primary, #36459b);
	text-align: center;
	font-size: 14px;
	font-family: IRANSans-Medium !important;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.1px;
	box-shadow: unset !important;
	min-height: 40px;
}

a.app-btn2:hover {
	color: #fff !important;
}

a.app-btn2.second:hover {
	color: var(--color-primary, #36459b) !important;
}

.app-btn2.second:not(.workflow:not(:only-child),
	.append-left,
	.append-right,
	:disabled):hover {
	border-radius: 7px !important;
	background: #c9dcfb !important;
	box-shadow: 0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn2.chardonnay:not(.workflow:not(:only-child),
	.append-left,
	.append-right,
	:disabled):hover {
	border-radius: 7px !important;
	background: #ffe2a4 !important;
	box-shadow: 0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn2.dull-blue:not(.workflow:not(:only-child),
	.append-left,
	.append-right,
	:disabled):hover {
	border-radius: 7px !important;
	background: #688FB1 !important;
	box-shadow: 0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn2.hippie-blue:not(.workflow:not(:only-child),
	.append-left,
	.append-right,
	:disabled):hover {
	border-radius: 7px !important;
	background: #73AEB8 !important;
	box-shadow: 0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn2.fourth {
	border-radius: 7px;
	background: #949eda;
	box-shadow: 0px 4px 4px 0px rgba(102, 121, 229, 0.25) !important;
}

.app-btn2.fifth {
	border-radius: 4px;
	background: #7b86cb;
	/*min-height: 42px;*/
	/*max-height: 42px;*/
}

.app-btn2.sixth {
	border-radius: 4px;
	background: #e7f6ff;
	color: #5178f5;
	/*min-height: 42px;*/
	/*max-height: 42px;*/
}

.app-btn2.not-shadow {
	box-shadow: unset !important;
}

/* .app-btn2.workflow {
    border-radius: 7px;
    background: #cbebff;
    color: #294e59;
} */

.app-btn2.labTest {
	min-height: 42px !important;
	border-radius: 4px !important;
}

.app-btn2.text {
	background-color: transparent;
	border: none;
	color: var(--color-primary, #36459b);
	text-align: center;
	font-size: 14px;
	font-family: IRANSans-Bold;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.app-btn2.text:hover {
	background: #f4f6fb !important;
	box-shadow: 0px 4px 4px 0px rgba(100, 103, 126, 0.25) !important;
}

.app-btn2.outline {
	border: 1px solid var(--color-primary, #36459b);
	background: transparent;
	color: var(--color-primary, #36459b);
	text-align: center;
	font-size: 14px;
	font-family: IRANSans-Bold;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.1px;
	box-shadow: unset !important;
}

.app-btn2.outline.used {
	border-color: #949eda;
	color: #949eda;
}

.app-btn2.outline:hover {
	background: #f4f6fb !important;
	box-shadow: 0px 4px 4px 0px rgba(100, 103, 126, 0.25) !important;
}

.app-btn2.danger.outline {
	border: 1px solid var(--color-danger, #f04242);
	color: var(--color-danger, #f04242);
	background-color: #fff;
}

.app-btn2.warning.outline {
	border: 1px solid var(--color-warning, #ff9800);
	color: var(--color-warning, #ff9800);
	background-color: #fff;
}

.app-btn2.danger-second.outline {
	border: 1px solid #9e415d;
	color: #9e415d;
	background-color: #fff;
}

.app-btn2.second.outline {
	background: #fff !important;
	border: 1px solid #d7daea !important;
	box-shadow: unset !important;
}

.app-btn2.outline.secondary-outline {
	background: #f4f6fb;
}

.app-btn2.w-small {
	min-width: 50px;
}

.app-btn2.success {
	background-color: #31d24b;
}

.app-btn2.danger {
	background-color: var(--color-danger, #f04242);
}

.app-btn2.danger:hover {
	box-shadow: 0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn2.danger.deactive {
	background-color: #f0424229;
}

.app-btn2.danger:not(.deactive):disabled {
	border: unset;
}

.app-btn2.warning {
	background-color: var(--color-warning, #ff9800);
}

.app-btn2.danger-second {
	background-color: #9e415d;
}

/*
.app-btn2.outline:hover {
    background: var(--color-primary, #36459b) !important;
    color: #FFF !important;
} */

body[dir="rtl"] .app-btn2.with-icon {
	padding: 10px 8px 10px 16px;
}

.app-btn2.just-icon {
	min-width: 70px;
}

.app-btn2.just-icon.just-icon-secondary {
	min-width: 52px;
	padding: 0 4px;
}

/* btn icon */
.app-btn-icon {
	outline: none;
	border-radius: 4px;
	border: 1px solid var(--color-primary, #36459b);
	background: #fff;
	cursor: pointer;
	min-height: 30px;
	min-width: 30px;
}

.waves-float.app-btn-icon {
	box-shadow: unset !important;
}

.app-btn-icon svg rect,
.app-btn-icon svg path,
.app-btn-icon {
	transition: all 0.2s ease-in-out;
}

.app-btn-icon:hover {
	background: var(--color-primary, #36459b) !important;
}

.app-btn-icon:hover svg rect {
	fill: var(--color-primary, #36459b) !important;
}

.app-btn-icon:hover svg path {
	fill: #fff !important;
}

.app-btn-icon:focus {
	outline: none;
}

/* btn group ---- */
.app-btn-group {
	display: flex;
	align-items: center;
	border: 1px solid var(--color-primary, #36459b) !important;
	border-radius: 4px;
	padding: 0;
	overflow: hidden;
}

.app-btn-group .app-btn2 {
	min-width: 70px;
	border-radius: 0;
	background: #fff !important;
	color: var(--color-primary, #36459b);
	font-family: IRANSans-Bold !important;
	box-shadow: unset !important;
}

.app-btn-group .app-btn2.active {
	background: var(--color-primary, #36459b) !important;
	color: #fff;
}

.app-btn-group .app-btn2 i {
	color: var(--color-primary, #36459b);
}

.app-btn-group .app-btn2.active i {
	color: #fff;
}

.app-btn-group .app-btn2.active:hover {
	background: #132277 !important;
	box-shadow: 0px 0px 7px 0px rgba(1, 1, 18, 0.62) inset,
	0px 4px 4px 0px rgba(68, 73, 100, 0.36) !important;
}

.app-btn-group .app-btn2:hover {
	box-shadow: unset !important;
	background: #fff !important;
}

.app-btn-group .app-btn2:has(+ .app-btn2) {
	border-right: 1px solid var(--color-primary, #36459b);
}

body[dir="rtl"] .app-btn-group .app-btn2:has(+ .app-btn2) {
	border-left: 1px solid var(--color-primary, #36459b);
	border-right: unset;
}

/* -btn -workflow */

.app-btn-workflow {
	position: relative;
	border-radius: 4px;
}

.app-btn-workflow:has(.app-btn2:not(:only-child)) {
	border: 1px solid var(--color-primary, #36459b);
}

.app-btn-workflow .btn-workflow-dropdown {
	position: absolute;
	width: 100%;
	top: calc(100% + 7px);
	left: 50%;
	transform: translateX(-50%);
	border-radius: 3px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px var(--input-border-color-primary, #b2c6e3);
	padding: 20px 9px;
	margin: 0;
	display: none;
	flex-direction: column;
	min-width: fit-content;
	row-gap: 2px;
	z-index: 1000;
}

.app-btn-workflow .btn-workflow-dropdown.active {
	display: flex;
}

.app-btn-workflow .btn-workflow-dropdown li {
	list-style: none;
}

.app-btn-workflow .btn-workflow-dropdown li a {
	min-height: 40px;
	border-radius: 4px;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0 9px;
	color: #636366;
	font-family: IRANSans-Medium;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	min-width: fit-content;
	transition: all 0.2s ease;
}

.app-btn-workflow .btn-workflow-dropdown li.active a,
.app-btn-workflow .btn-workflow-dropdown li:hover a {
	color: var(--color-primary, #36459b);
	background: var(--option-selected-color, rgba(182, 200, 241, 0.29));
}

.app-btn-workflow .app-btn.btn-workflow-dropdown-action {
	max-height: 40px;
	border-radius: unset;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 18px 0 9px;
	background: transparent;
	box-shadow: unset;
	color: var(--color-primary, #36459b);
	column-gap: 38px;
	font-family: IRANSans-Bold;
}

.app-btn-workflow .app-btn.btn-workflow-dropdown-action .arrow {
	transition: all 0.2s ease;
	transform: rotate(180deg);
}

.app-btn-workflow .app-btn.btn-workflow-dropdown-action .arrow.active {
	transform: rotate(0);
}

.app-btn-workflow .app-btn.btn-workflow-dropdown-action:only-child {
	border: 1px solid var(--color-primary, #36459b) !important;
	border-radius: 4px;
	min-height: 42px;
}

.app-btn-workflow .app-btn.btn-workflow-dropdown-action:focus {
	border: unset;
	outline: unset;
}

.app-btn-workflow .app-btn2:has(+ .app-btn2) {
	border-left: 1px solid var(--color-primary, #36459b) !important;
}

/* .app-btn-workflow .app-btn2.second:hover {
    box-shadow: unset !important;
} */

.app-btn-workflow .app-btn2.second {
	min-height: 40px;
}

.app-btn-workflow .app-btn2:not(.second, :only-child) {
	border-radius: 0 !important;
}

.app-btn-workflow .app-btn2.workflow:only-child {
	border-radius: 4px !important;
}

a:not([href]):not([tabindex]).app-btn2.second {
	color: var(--color-primary, #36459b);
}

.btn-group .app-btn2.second.workflow {
	border-radius: 3px 0 0 3px !important;
}

.btn-group .app-btn2.second.workflow:only-child,
body[dir="rtl"] .btn-group .app-btn2.second.workflow:only-child {
	border-radius: 3px !important;
}

body[dir="rtl"] .btn-group .app-btn2.second.workflow {
	border-radius: 0 3px 3px 0 !important;
}

.app-btn2.rotate-icon svg {
	transition: all 0.2s ease;
}

.app-btn2.rotate-icon.active svg {
	transform: rotate(180deg);
}

@media (max-width: 576px) {
	.app-btn2 {
		min-height: 34px;
		max-height: 34px;
		font-size: 12px;
	}

	.app-btn2.second {
		min-height: 36px;
		font-size: 12px;
		max-height: 36px;
		padding: 10px 16px;
		/*max-width: 36px;*/
		width: fit-content;
		min-width: fit-content;
	}

	.app-btn2.second svg {
		width: 20px;
		height: 20px;
	}

	/*.app-btn2.just-icon,*/
	/*.app-btn2.just-icon.just-icon-secondary,*/
	/*.app-btn2.custom-modal-header-action.second {*/
	/*	min-width: 36px !important;*/
	/*	max-width: 36px !important;*/
	/*	padding: 0;*/
	/*}*/
	.app-btn2.flex1-in-mobile {
		flex: 1 !important;
	}

	.app-btn2.min-width-100-in-mobile {
		min-width: 100% !important;
		width: 100% !important;
	}

	.app-btn-workflow .app-btn2.second {
		min-height: 34px !important;
		max-height: 34px !important;
	}

	.app-btn2.max-width-unset-in-mobile {
		max-width: unset !important;
	}

	.app-btn2.responsive-btn .app-btn2-text {
		display: none;
	}

	.app-btn2.responsive-btn .app-btn2-icon {
		display: inline-block;
	}
}

@media (min-width: 992px) {
	.app-btn2 {
		min-width: 118px;
	}
}

/*twice lang btn*/

.app-btn2 .text-fa-btn,
.app-btn2.lang-fa .text-en-btn {
	display: none;
}

.app-btn2.lang-fa .text-fa-btn {
	display: block;
}

.app-btn2.green {
	background-color: #92caa2;
}

.app-btn2.red {
	background-color: #e1797d;
}

.app-btn2.orange {
	background-color: #f3a691;
}