/**
*
*	Name:			IRANYekanX Fonts
*	Version:			2.4
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Aug 02, 2022
*	Updated on:		Aug 02, 2022
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت ایران یکان X  یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANYekanX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (ZX5RZW)
------------------------------------------------------------------------------------- fonts/-
*	
**/


@font-face {
	font-family: "WOFF IRANYekanXFaNum-Thin";
	src: url("../fonts/woff/IRANYekanXFaNum-Thin.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-UltraLight";
	src: url("../fonts/woff/IRANYekanXFaNum-UltraLight.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Light";
	src: url("../fonts/woff/IRANYekanXFaNum-Light.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Regular";
	src: url("../fonts/woff/IRANYekanXFaNum-Regular.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Medium";
	src: url("../fonts/woff/IRANYekanXFaNum-Medium.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-DemiBold";
	src: url("../fonts/woff/IRANYekanXFaNum-DemiBold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Bold";
	src: url("../fonts/woff/IRANYekanXFaNum-Bold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-ExtraBold";
	src: url("../fonts/woff/IRANYekanXFaNum-ExtraBold.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Black";
	src: url("../fonts/woff/IRANYekanXFaNum-Black.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-ExtraBlack";
	src: url("../fonts/woff/IRANYekanXFaNum-ExtraBlack.woff");
}

@font-face {
	font-family: "WOFF IRANYekanXFaNum-Heavy";
	src: url("../fonts/woff/IRANYekanXFaNum-Heavy.woff");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Thin";
	src: url("../fonts/woff2/IRANYekanXFaNum-Thin.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-UltraLight";
	src: url("../fonts/woff2/IRANYekanXFaNum-UltraLight.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Light";
	src: url("../fonts/woff2/IRANYekanXFaNum-Light.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Regular";
	src: url("../fonts/woff2/IRANYekanXFaNum-Regular.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Medium";
	src: url("../fonts/woff2/IRANYekanXFaNum-Medium.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-DemiBold";
	src: url("../fonts/woff2/IRANYekanXFaNum-DemiBold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Bold";
	src: url("../fonts/woff2/IRANYekanXFaNum-Bold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-ExtraBold";
	src: url("../fonts/woff2/IRANYekanXFaNum-ExtraBold.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Black";
	src: url("../fonts/woff2/IRANYekanXFaNum-Black.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-ExtraBlack";
	src: url("../fonts/woff2/IRANYekanXFaNum-ExtraBlack.woff2");
}

@font-face {
	font-family: "WOFF2 IRANYekanXFaNum-Heavy";
	src: url("../fonts/woff2/IRANYekanXFaNum-Heavy.woff2");
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/IRANYekanX-Thin.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Thin.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff/IRANYekanX-UltraLight.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-UltraLight.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/IRANYekanX-Light.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Light.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/woff/IRANYekanX-Medium.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/IRANYekanX-DemiBold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/IRANYekanX-ExtraBold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/IRANYekanX-Black.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/woff/IRANYekanX-ExtraBlack.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: 1000;
	src: url('../fonts/woff/IRANYekanX-Heavy.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Heavy.woff2') format('woff2');
}

@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/IRANYekanX-Bold.woff') format('woff'),
		url('../fonts/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

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

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

body {

	font-family: IRANYekanXNum !important;
	direction: rtl;
	color: #303952 !important;
	font-size: 11px !important;
	background-color: #F9F4F0 !important;
	font-size: 11px;

}

.rs-text {
	font-family: IRANYekanXNum !important;

}

.container-fluid {
	position: fixed;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
}

/*#region Layout */
.overflow-y {
	overflow-y: auto !important;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.w-10 {
	width: 10%
}

.w-20 {
	width: 20%
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%
}

.w-40 {
	width: 40%
}

.w-50 {
	width: 50%
}

.w-60 {
	width: 60%
}

.w-70 {
	width: 70%
}

.w-75 {
	width: 75%;
	;
}

.w-100 {
	width: 100%;
}

.w-90 {
	width: 90%;
}

.w100px {
	width: 100px;
}

.modal-80w {
	--bs-modal-width: 80vw;
}

.OperationWidth {
	width: 80px;
}

.OperationWidth100 {
	width: 100px;

}

.NoWidth {
	width: 50px;
}


.h-5 {
	height: 5% !important;
}

.h-10 {
	height: 10% !important;
}

.h-20 {
	height: 20% !important;
}

.h-30 {
	height: 30% !important;
}

.h-40 {
	height: 40% !important;
}

.h-50 {
	height: 50% !important;
}

.h-60 {
	height: 60% !important;
}

.h-70 {
	height: 70% !important;
}

.h-80 {
	height: 80% !important;
}

.h-85 {
	height: 85% !important;
}

.h-88 {
	height: 88% !important;
}

.h-90 {
	height: 90% !important;
	/* overflow-y: auto !important; */
	scroll-snap-type: y mandatory !important;
}

.h-95 {
	height: 95% !important;
	/* overflow-y: auto !important; */
	scroll-snap-type: y mandatory !important;
}

.h-100 {
	height: 100% !important;
	/* height: -webkit-fill-available; */
	/* overflow-y: auto !important; */
	scroll-snap-type: y mandatory !important;

}

.h-100-y {
	height: 100% !important;
	/* height: -webkit-fill-available; */
	overflow-y: auto !important;
	scroll-snap-type: y mandatory !important;
	overflow-x: hidden;

}

.h-5vh {
	height: 5vh !important;
}

.h-6vh {
	height: 6vh !important;
}

.h-7vh {
	height: 7vh !important;
}

.h-8vh {
	height: 8vh !important;
}

.minh-5vh {
	min-height: 5vh !important;
	min-height: -webkit-fill-available;

}

.h-10vh {
	height: 10vh !important;

}

.h-20vh {
	height: 20vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-30vh {
	height: 30vh !important;
	height: -webkit-fill-available;
}

.h-15vh {
	height: 15vh !important;
	height: -webkit-fill-available;
}

.h-50vh {
	height: 50vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-55vh {
	height: 55vh !important;
	height: -webkit-fill-available;
}

.h-60vh {
	height: 60vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-65vh {
	height: 65vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.minh-70vh {
	height: 70vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-70vh {
	height: 70vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-80vh {
	height: 80vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;

}

.h-85vh {
	height: 85vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-90vh {
	height: 90vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-93vh {
	height: 93vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-95vh {
	height: 95vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-100vh {
	height: 100vh !important;
	height: -webkit-fill-available;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.h-100vh-y {
	height: 100vh !important;
	height: -webkit-fill-available;
	overflow-y: auto;

}

.h-100vhStatic {
	height: 100vh !important;
	height: -webkit-fill-available;

}

.h-10px {
	height: 10px !important;
}

.h-55px {
	height: 55px !important;
}

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

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

.h-125px {
	height: 125px !important;
}

.h-150px {
	height: 150px !important;
}

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

.h-250px {
	height: 250px !important;
}

.h-300px {
	height: 300px !important;
}

.h-320px {
	height: 320px !important;
}

.h-Max-300px {
	max-height: 300px !important;
}

.h-370px {
	height: 370px !important;
}

.h-400px {
	height: 400px !important;
}

.h-430px {
	height: 430px !important;
}

.h-500px {
	height: 500px !important;
}

.h-600px {
	height: 600px !important;
}

.mt-10 {
	margin-top: 6rem !important;
}

.rs-tree {
	height: 70vh !important;
	max-height: 100% !important;
}

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

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.overflow-y {
	overflow-y: auto !important;
	scroll-snap-type: y mandatory !important;
	overflow-x: hidden;
}

.Hover:hover {
	font-weight: bold;
	text-decoration: dashed;
	background-color: #DEDEDE;
}

.hr-dashed {
	border-top: 1px dashed #fff !important;
	padding: 0px;
	margin: 0px;
}

.hr-gray {
	border-top: 2px #a4a3a3 solid !important;
	padding: 0px;
	margin: 0px;
}

.hr-Fade {
	border-top: 1px #c0c0c0 solid !important;
	/* padding: 0.25px; */
	/* margin: 1px; */
}


/*#endregion */

/*#region table width */
.tw-3 {
	width: 3% !important;
	flex: 3 0 auto !important;
}

.tw-2 {
	width: 2% !important;
	flex: 3 0 auto !important;
}


.tw-5 {
	width: 5% !important;
	flex: 5 0 auto !important;
}

.tw-8 {
	width: 8% !important;
	flex: 8 0 auto !important;
}

.tw-7 {
	width: 7% !important;
	flex: 7 0 auto !important;
}

.tw-10 {
	width: 10% !important;
	flex: 10 0 auto !important;
}

.tw-12 {
	width: 12% !important;
	flex: 12 0 auto !important;
}

.tw-15 {
	width: 15% !important;
	flex: 15 0 auto !important;
}

.tw-20 {
	width: 20% !important;
	flex: 20 0 auto !important;
}

.tw-23 {
	width: 23% !important;
	flex: 23 0 auto !important;
}

.tw-25 {
	width: 25% !important;
	flex: 25 0 auto !important;
}

.tw-30 {
	width: 30% !important;
	flex: 30 0 auto !important;
}

.tw-35 {
	width: 35% !important;
	flex: 35 0 auto !important;
}

.tw-40 {
	width: 40% !important;
	flex: 40 0 auto !important;
}

.tw-45 {
	width: 45% !important;
	flex: 45 0 auto !important;
}

.tw-50 {
	width: 50% !important;
	flex: 50 0 auto !important;
}

.tw-55 {
	width: 55% !important;
	flex: 55 0 auto !important;
}

.tw-60 {
	width: 60% !important;
	flex: 60 0 auto !important;
}

.tw-65 {
	width: 65% !important;
	flex: 65 0 auto !important;
}

.tw-70 {
	width: 70% !important;
	flex: 70 0 auto !important;
}

.tw-75 {
	width: 75% !important;
	flex: 75 0 auto !important;
}

.tw-80 {
	width: 80% !important;
	flex: 80 0 auto !important;
}

.tw-85 {
	width: 85% !important;
	flex: 85 0 auto !important;
}

.tw-90 {
	width: 90% !important;
	flex: 90 0 auto !important;
}

.tw-95 {
	width: 95% !important;
	flex: 95 0 auto !important;
}

.tw-100 {
	width: 100% !important;
	flex: 100 0 auto !important;
}

/*#endregion */

/*#region Treeview*/
.rs-tree-node-label {
	font-size: 11px !important;
	line-height: 10px !important;
}

ul,
.TreeView {
	list-style-type: none;
	font-size: 12px;
}

.TreeView {
	margin: 0;
	padding: 5px;
}

.caret {
	cursor: pointer;
	-webkit-user-select: none;
	/* Safari 3.1+ */
	-moz-user-select: none;
	/* Firefox 2+ */
	-ms-user-select: none;
	/* IE 10+ */
	user-select: none;
}

.nodeItem {
	margin: 10px;
	cursor: pointer;
}

.nodeItem:hover {
	font-weight: bold;
	text-decoration: dashed;
}

.selectedNode {
	font-weight: bold;
	text-decoration: dashed;
}

.caret::before {
	content: "\23F4";
	color: black;
	display: inline-block;
	margin-right: 6px;
}

.caret-down::before {
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	/* Safari */
	transform: rotate(90deg);
}

.nested {
	display: none;
}

.active {
	display: block;
}

/*#endregion*/


/*#region Colors */
.officialBackgroundColor {
	background-color: #7f8c8d;
}

.rs-sidenav-item {
	color: #fff !important;
}

.SidebarMenuItem:hover {
	color: #fff !important;
	background-color: transparent !important;
}

.SidebarMenuItem {
	color: #fff !important;
}

.rs-dropdown-toggle:hover {
	background-color: transparent !important;
}

.rs-dropdown-item-toggle {
	font-weight: bold;
}

.rs-dropdown-item-toggle:hover {
	background-color: rgb(255, 0, 0, 0.1) !important;
}

.ReactTable .rt-tbody {
	overflow-x: hidden !important;
}

.rs-content {
	width: 100%;
}

.AccessDenied {
	font-size: 18px;
	text-align: center;
	margin: 10px;
}

.ForeCastHeight {
	height: 600px;
	overflow-y: auto;
}

.GreenBack {
	background-color: #16a085 !important;
}

.WhiteBack {
	background-color: #fff !important;
}

.RedBack {
	background-color: #c0392b !important;
}

.LightBack {
	background-color: #F8F9FA !important;
}

.GreenColor {
	color: #16a085 !important;
}

.WhiteColor {
	color: #fff !important;
}

.RedColor {
	color: #c0392b !important;

}

.lightBack {
	background-color: #576574;
}

/*#endregion */

/*#region Fonts */
.persian-digit-font {
	font-family: "WOFF IRANYekanXFaNum-Regular" !important;
}

.Font9 {
	font-size: 9px !important;
}

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

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

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

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

.Font14 {
	font-size: 14px;
}

.Font15 {
	font-size: 15px !important;
}

.Font20 {
	font-size: 20px;
}

.Font25 {
	font-size: 25px;
}

.FontWidth20 {
	font-size: 23px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em !important;
}

/*#endregion*/

/*#region Controls*/
.rs-stat-bordered
{
	border:1px solid transparent !important;
}
.rs-panel-in .rs-panel-btn
{
	background-color: #fff !important;
}
.rs-panel-btn:active, .rs-panel-btn:focus, .rs-panel-btn:hover
{
	background-color: #fff !important;
}
.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td
{
	vertical-align: middle !important;
}
.ReactTable .rt-th, .ReactTable .rt-td
{
	padding: 15px 7px !important;
}
.ReactTable .rt-tr-group
{
	height: 50px !important;
}
.ReactTable.-striped .rt-tr.-odd
{
	background-color: #fff !important;
}
.ReactTable .rt-thead.-header
{
	box-shadow: 0px 0px!important;
}
.LeftRound {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.rs-picker-menu.rs-picker-check-menu {
	z-index: 20000 !important;
}

.CheckBox {
	border: 1px solid #c0392b !important;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
	flex: 10%;
	background-color: #f1f1f1;
	padding: 20px;
}

/* Main column */
.main {
	flex: 90%;
	background-color: white;
	padding: 20px;
}

.Logo {
	position: absolute;
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.rs-picker {
	margin-top: 0.99px !important;
}


.rs-progress-info-status {
	font-size: 11px !important;
}

.rs-panel-title {
	font-size: 1.2rem !important;
}

.rs-btn {
	font-size: 11px !important;
	font-weight: normal !important;
}

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

.cke_chrome {
	border: 1px solid #e5e5ea !important;
	border-radius: 6px !important;

}

.Force_DataInput {
	border: 1px solid rgb(214, 13, 13) !important;

	border-radius: 6px !important;

}

.form-control {
	border: 1px solid #e5e5ea !important;
	border-radius: 6px !important;
	padding: 7px 11px !important;
	font-size: 11px !important;
}

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

option {
	padding: 2px !important;
}

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

.rs-dropdown-item {
	font-size: 11px;
	color: #303952;
}

.border-bottom {
	border-bottom: 1px solid rgb(218, 218, 218);
}

a {
	text-decoration: none !important;
	color: #000 !important;
}


.FoodComment {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.Navigation {
	position: fixed;
	background-color: #fff !important;
	/* background-color: rgb(185,19,99)  !important; */
	height: 70px;
	bottom: 2px;
	width: 94%;
	right: 3%;
	z-index: 299;
}

.WaitMessage {
	width: 60px;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	z-index: 99999999;
	text-align: center;
	border-radius: 50px;
	margin-bottom: 10px;
}

.three-body {
	--uib-size: 35px;
	--uib-speed: 0.8s;
	--uib-color: #000;
	position: relative;
	display: inline-block;
	height: var(--uib-size);
	width: var(--uib-size);
	animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
}

.three-body__dot {
	position: absolute;
	height: 100%;
	width: 30%;
}

.three-body__dot:after {
	content: '';
	position: absolute;
	height: 0%;
	width: 100%;
	padding-bottom: 100%;
	background-color: var(--uib-color);
	border-radius: 50%;
}

.three-body__dot:nth-child(1) {
	bottom: 5%;
	left: 0;
	transform: rotate(60deg);
	transform-origin: 50% 85%;
}

.three-body__dot:nth-child(1)::after {
	bottom: 0;
	left: 0;
	animation: wobble1 var(--uib-speed) infinite ease-in-out;
	animation-delay: calc(var(--uib-speed) * -0.3);
}

.three-body__dot:nth-child(2) {
	bottom: 5%;
	right: 0;
	transform: rotate(-60deg);
	transform-origin: 50% 85%;
}

.three-body__dot:nth-child(2)::after {
	bottom: 0;
	left: 0;
	animation: wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -0.15) ease-in-out;
}

.three-body__dot:nth-child(3) {
	bottom: -5%;
	left: 0;
	transform: translateX(116.666%);
}

.three-body__dot:nth-child(3)::after {
	top: 0;
	left: 0;
	animation: wobble2 var(--uib-speed) infinite ease-in-out;
}

@keyframes spin78236 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes wobble1 {

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

	50% {
		transform: translateY(-66%) scale(0.65);
		opacity: 0.8;
	}
}

@keyframes wobble2 {

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

	50% {
		transform: translateY(66%) scale(0.65);
		opacity: 0.8;
	}
}


.Rounded {
	border-radius: 50% !important;
}

.Rounded10 {
	border-radius: 10% !important;
}

.Section {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;

}

.SectionItem {
	scroll-snap-align: start;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 200px;
	margin-right: 5px;
	/* display: inline-block; */

}

.SectionY {
	display: flex;
	overflow-y: auto;
	scroll-snap-type: y mandatory;

}


.rs-input-group-addon {
	right: inherit !important;
	left: 0 !important;
}

.rs-input {
	padding-right: 10px !important;
	font-size: 11px !important;
}

.rs-input.big {
	font-size: 15px !important;
}

.Mute {
	color: rgb(157, 157, 157);
}

.LeftGreenBorder {
	border-left: 2px solid #16a085 !important;
}

.Login {
	background-image: url('../images/WebAuth.jpg');
	background-size: cover;
}

.SmallLink {
	font-size: 11px !important;
	text-decoration: dashed !important;
	font-weight: bold;
	color: #000 !important;
}

.NewOperationWidth {
	overflow: unset !important;

}


.modal-header {
	border-bottom: 0px !important;
}

.modal-footer {
	border-top: 0px !important;
}

.btn-close {
	padding: 0px !important;
	margin: 0px !important;

}

.Cursor {
	cursor: pointer;
}

.Not-allowed {
	cursor: not-allowed !important;

}



/* width */
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	border-radius: 5px;
}


/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	width: 9px !important;
	height: 9px !important;
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	width: 9px !important;
	height: 9px !important;
	background: #555;
}

/*#endregion*/


/* #region Print */
table.wdatasheetprint {
	/*font-family: Dubai;*/
	font-size: 12px;
	width: 100%;
}

table.wdatasheetprint tr>th {
	background-color: none;
	box-sizing: border-box;
	height: 12px;
	font-size: 15px;
	text-align: right;
	padding: 5px;
	border-bottom: 3px solid #DEDEDE;
}


table.wdatasheetprint tr>th.value {
	box-sizing: border-box;
	height: 10px;
	text-align: right;
	font-size: 12px;
	vertical-align: top;
	padding: 5px;
	font-weight: normal;
}

table.wdatasheetprint tr>th.label {
	box-sizing: border-box;
	font-size: 12px;
	height: 11px !important;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	min-width: 1%;
	padding: 5px;
}

table.wdatasheetprint tr>td {
	box-sizing: border-box;
	height: 45px;
	padding: 5px;
	border-bottom: 1px solid #DEDEDE;
}

table.wdatasheetprint tr>td.label {
	box-sizing: border-box;
	font-size: 12px;
	height: 11px !important;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	min-width: 1%;
	padding: 5px;
}

table.wdatasheetprint tr>td.value {
	box-sizing: border-box;
	height: 10px;
	text-align: right;
	padding: 5px;
}


table.borderprint {
	/*font-family: Dubai;*/
	font-size: 12px;
	width: 100%;
}

table.borderprint tr>th {
	background-color: none;
	box-sizing: border-box;
	height: 12px;
	font-size: 15px;
	text-align: right;
	padding: 5px;
	border: 1px solid #000;
}


table.borderprint tr>th.value {
	box-sizing: border-box;
	height: 10px;
	text-align: right;
	font-size: 12px;
	vertical-align: top;
	padding: 5px;
	font-weight: normal;
}

table.borderprint tr>th.label {
	box-sizing: border-box;
	font-size: 12px;
	height: 11px !important;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	min-width: 1%;
	padding: 5px;
}

table.borderprint tr>td {
	box-sizing: border-box;
	height: 45px;
	padding: 5px;
	border: 1px solid #000;
}

table.borderprint tr>td.label {
	box-sizing: border-box;
	font-size: 12px;
	height: 11px !important;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	min-width: 1%;
	padding: 5px;
}

table.borderprint tr>td.value {
	box-sizing: border-box;
	height: 10px;
	text-align: right;
	padding: 5px;
}


.footer,
.footer-space {
	height: 200px;
}

.header,
.header-space {
	height: 300px;
}

.header {
	position: fixed;
	top: 0;
}

.footer {
	position: fixed;
	bottom: 0;
}

@media print {
	.pagebreak {
		page-break-before: always;
	}

	/* page-break-after works, as well */
}

/* #endregion */


.OrderPic {
	justify-content: center;
	max-height: 150px !important;
	width: 150px !important;
	border: 0.5px solid #dbdbdb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.tether-target-attached-center {
	z-index: 10000 !important;
}


/*#region Chat*/


.SenderMsgPic {
	text-align: center;
	height: 50px !important;
	width: 50px !important;
	border: 0.5px solid #dbdbdb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.RecieverMsgPic {
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	border: 0.5px solid #dbdbdb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.CahtIconPossition {
	bottom: 20px;
	left: 20px;
}

.Chat_Message {
	position: fixed !important;
	padding-bottom: 15px !important;
	padding-left: 100px !important;
}



/*#endregion*/

/* #region ColorBox */
.ColorBox {
	width: 30px;
	display: inline-block;
	aspect-ratio: 1 / 1;
	border: 1px solid #e5e5ea;
	border-radius: 6px;
}

/* #endregion */

/* #region Calendar */
.CalHeaderHolder {
	width: 108px;
	height: 30px;
	text-align: center;
	margin-left: 2px;
	float: right;
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 8px;
	color: white;
	background-color: #424242;
	/*#f5d76e*/
}

.CalTodayHolder {
	width: 108px;
	height: 95px;
	text-align: center;
	margin-left: 2px;
	float: right;
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 8px;
	background-color: #575757;
	/*#CAB308;*/
	color: white;
}

.CalHolder {
	width: 108px;
	height: 95px;
	text-align: center;
	margin-left: 2px;
	float: right;
	background-color: #eaeaea;
	/*border: 1px solid ##eaeaea;*/
	border-radius: 5px;
	margin-bottom: 2px;
	padding: 8px;
}

/* #endregion */


/*Back ground color of right side bar*/
.bg_Red {
	background-color: #F75950;
	color: red;
}

.rs-btn-bgClr {
	background-color: #d9d9d9 !important;
}

.rs-btn-bgClr:hover {
	background-color: #e6e6e6 !important;
}

.horizontal-dropdown .rs-dropdown-menu {
	display: flex;
	flex-direction: row;
}

.horizontal-dropdown .rs-dropdown-menu .rs-dropdown-item {
	display: inline-block;
	margin-right: 10px;
	/* Adjust the margin as needed */
}


.dropdown-overflow {
	overflow: visible !important;
}

.xs-title {
	font-size: 15px !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.disabled-row {
	color: #ccc;
	opacity: 0.6;
	pointer-events: none;
}

.btn-excel-bg {
	background-color: #fff !important;
}

.btn-excel-bg:hover {
	background-color: #31704d !important;
	color:#fff !important;
}

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

.mx-10 {
	margin-left: 85px !important;
	margin-right: 65px !important;
}

.price-div:hover {
	border-color: #00bcd4 !important;
}

.font-blod {
	font-weight: bold;
}

p-0 {
	padding: 0 !important;
}

m-0 {
	margin: 0 !important;
}

.InnerNavMenyTextColor {
	color: #fff !important;
	background-color: transparent !important;

}

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

.rs-dropdown-item-toggle {
	color: #a6a6a6 !important;
}

.rs-calendar-time-dropdown-column-title {
	content: "ساعت" !important;
}

.PrintPadding {
	padding-right: 1cm;
	padding-left: 1cm;
	box-sizing: content-box;
}

.rs-panel-in .rs-panel-btn {
	background-color: var(--rs-btn-subtle-hover-bg);
	color: var(--rs-btn-subtle-hover-text);
	outline: 2px solid transparent;
}
.product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

/* بخش تصویر */
.product-image-container {
  width: 100%;
  height: 160px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
}

.product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
}

.product-image-fallback {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.no-food-icon {
  font-size: 48px;
  color: orange;
}

.product-content {
  padding: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-title {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-price {
  margin: 0;
  font-size: 14px;
  color: #e67e22;
  font-weight: bold;
}
.desktop-products-grid .products-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  padding: 8px;
}

.mobile-products-slider {
  padding: 8px;
}

.mobile-products-slider .swiper-slide {
  height: auto;
}



.rs-list-item {
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.rs-list-item:hover {
  background-color: #f5f5f5 !important;
}

.rs-list-item-active {
  background-color: #e6f7ff !important;
  color: #1890ff !important;
  font-weight: 500 !important;
}

.rs-list-item .ml-2 {
  margin-left: 8px;
}

.chart-card {
    min-height: 450px;
    display: flex;
    flex-direction: column;
}

.chart-container {
    flex: 1;
    min-height: 300px;
}

.mobile-charts-container {
    padding: 10px;
}

.mobile-chart-card {
    margin-bottom: 20px;
}

.mobile-chart {
    height: 350px;
}

@media (max-width: 480px) {
    .mobile-chart-card {
        min-height: 300px;
    }
    
    .mobile-chart {
        height: 200px;
    }
}


.comment-card-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.comment-card-container .rs-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.comment-card-container .rs-panel-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.comment-card-container .comment-content {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* استایل برای لودر محصولات */
.product-card .rs-placeholder {
  padding: 10px;
}

.product-card .rs-placeholder-paragraph {
  margin-top: 10px;
}

.product-image-container {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 6px;
  overflow: hidden;
}

/* برای حفظ نسبت ابعاد در حالت لودینگ */
.rs-placeholder-graph {
  width: 100%;
}

.eo-panel {
  background: #ffffff;
  margin-top: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.8rem;
  box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.eo-cell {
  padding: 8px;
  font-size: 14px;
}
.eo-mobile-card {
  background: #ffffff;
  margin-top: 0.5rem;
  padding: 0.75rem;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16,24,40,0.03);
}
.eo-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  color: #9ca3af;
}
.eo-history-body {
  padding: 0.5rem 1rem 1rem 1rem;
}
.eo-accordion {
  width: 100%;
}
.eo-accordion-header {
  width: 100%;
  padding: 0.25rem 0;
}
.eo-header-left {
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.eo-header-right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.eo-badge {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}
.eo-badge.eo-added {
  background: #ecfdf5;
  color: #065f46;
}
.eo-badge.eo-changed {
  background: #fffbeb;
  color: #92400e;
}
.eo-badge.eo-removed {
  background: #fff1f2;
  color: #9f1239;
}
.eo-history-panel {
  background: #ffffff;
  border: 1px solid #eef2ff;
  border-radius: 8px;
  padding: 0.75rem;
}
.eo-history-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.eo-invoice {
  font-weight: 700;
  font-size: 14px;
}
.eo-payable {
  font-size: 13px;
  color: #6b7280;
}
.eo-compare-table {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
}
.eo-compare-head {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  background: #fafafa;
  padding: 8px;
  gap: 0;
  align-items: center;
}
.eo-col {
  text-align: center;
  font-size: 13px;
  color: #374151;
}
.eo-col.title {
  text-align: right;
  padding-right: 12px;
}
.eo-compare-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 0;
  padding: 10px;
  border-top: 1px solid #f6f6f6;
  align-items: center;
}
.eo-compare-row .eo-title-text {
  font-weight: 600;
  font-size: 14px;
}
.eo-status-label {
  display: inline-block;
  margin-top: 6px;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 6px;
  background: #f3f4f6;
  color: #374151;
}
.eo-compare-row.eo-status-added {
  background: #f0fdf4;
}
.eo-compare-row.eo-status-removed {
  background: #fff1f2;
}
.eo-compare-row.eo-status-changed {
  background: #fff7ed;
}
.eo-no-row {
  padding: 12px;
  color: #6b7280;
  text-align: center;
}
.eo-date {
  font-size: 13px;
  color: #374151;
}
.eo-time {
  font-size: 13px;
  color: #6b7280;
  margin-inline-start: 8px;
}
.eo-editor {
  margin-top: 0.5rem;
  font-size: 13px;
  color: #374151;
}
.eo-mobile {
  margin-top: 0.25rem;
  font-size: 13px;
  color: #374151;
}
.eo-platform {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  background: #f3f4f6;
  color: #374151;
}
.eo-platform.eo-restaurant {
  background: #f3f4f6;
  color: #374151;
}
.eo-platform.eo-snapp {
  background: #a855f7;
  color: #ffffff;
}
.eo-final-panel {
  background: #ffffff;
  border: 1px solid #eef2ff;
  border-radius: 8px;
  padding: 0.75rem;
  margin-top: 1rem;
}
.eo-final-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0.75rem;
}
.eo-final-info {
  font-size: 13px;
  color: #374151;
  margin-bottom: 0.25rem;
}
.eo-final-items {
  margin-top: 0.75rem;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  overflow: hidden;
}
.eo-final-head {
  display: grid;
  grid-template-columns: 3fr 1fr;
  background: #fafafa;
  padding: 8px;
  align-items: center;
}
.eo-final-row {
  display: grid;
  grid-template-columns: 3fr 1fr;
  padding: 10px;
  border-top: 1px solid #f6f6f6;
  align-items: center;
}
@media (max-width: 767px) {
  .eo-history-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .eo-compare-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .eo-compare-head {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    min-width: 500px;
  }
  .eo-compare-row {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    min-width: 500px;
  }
  .eo-compare-scroll {
    min-width: 500px;
  }
  .eo-col {
    font-size: 12px;
    padding: 0 4px;
  }
  .eo-col.title {
    padding-right: 8px;
  }
  .eo-compare-row .eo-title-text {
    font-size: 13px;
  }
  .eo-status-label {
    font-size: 10px;
    margin-top: 4px;
  }
  .eo-header-right {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .eo-badge {
    font-size: 11px;
    padding: 3px 6px;
  }
  .eo-history-body {
    padding: 0.25rem 0.5rem 1rem 0.5rem;
  }
  .eo-header-left {
    font-size: 14px;
    gap: 4px;
  }
  .eo-date, .eo-time {
    font-size: 12px;
  }
  .eo-time {
    margin-inline-start: 6px;
  }
  .eo-platform {
    font-size: 11px;
    padding: 3px 6px;
  }
  .eo-final-panel {
    margin-top: 0.75rem;
    padding: 0.5rem;
  }
  .eo-final-title {
    font-size: 15px;
    margin-bottom: 0.5rem;
  }
  .eo-final-info {
    font-size: 12px;
  }
  .eo-final-items {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .eo-final-head {
    grid-template-columns: 3fr 1fr;
    min-width: 300px;
  }
  .eo-final-row {
    grid-template-columns: 3fr 1fr;
    min-width: 300px;
  }
}

.canceled-row {
  background-color: #fce1e4 !important;
}

.overpaid-row {
  background-color: #fff9db !important;
}
/* کلاس واقعی rsuite برای ظرف توست rs-toast-container است و z-index پیش‌فرضش
   ۱۰۸۰ است؛ مودال‌های این پروژه تا ۱۰۰۷۰ می‌روند پس پیام‌ها پشتشان گم می‌شدند */
.rs-toast-container {
    z-index: 99999 !important;
}
/* جدول درختی (SubComponent) — قانون سراسری .rt-tr-group{height:50px} باعث می‌شد
   محتوای بازشده جا نشود و روی سطر بعدی بیفتد. این کلاس فقط برای جدول‌هایی که
   سطر بازشونده دارند استفاده می‌شود. */
.ExpandableTable .rt-tr-group {
    height: auto !important;
    min-height: 50px;
}
.ExpandableTable .rt-tbody {
    overflow: visible !important;
}
.ExpandableTable .rt-td {
    overflow: visible !important;
    white-space: normal !important;
}

.CashBackTable .rt-tr-group {
    height: 66px !important;
    flex: 0 0 66px !important;
}
.CashBackTable .rt-tr {
    height: 100%;
}
.CashBackTable .rt-thead .rt-th {
    padding: 12px 8px !important;
}
.CashBackTable .rt-tbody .rt-td {
    padding: 0 8px !important;
    display: flex;
    align-items: center;
    line-height: 1.7;
}

/* صفحات ورود — lg-* برای /login و /Manager (فقط رنگ‌شان فرق دارد) */
.lg-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    direction: rtl;
    background: linear-gradient(160deg, #909c9d 0%, #7f8c8d 48%, #6b7879 100%);
}

.lg-page-manager {
    background: linear-gradient(160deg, #1B2D49 0%, #0E1B2E 55%, #0A1422 100%);
}

.lg-card {
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 20px;
    padding: 30px 26px;
    box-shadow: 0 18px 45px rgba(15, 27, 45, .18);
    animation: lg-rise .3s ease both;
}

@keyframes lg-rise {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

.lg-logo {
    text-align: center;
}

.lg-logo img {
    height: 66px;
    object-fit: contain;
}

.lg-title {
    margin-top: 16px;
    text-align: center;
    font-size: 19px;
    font-weight: 800;
    color: #2C3E50;
}

.lg-sub {
    margin: 6px 0 22px;
    text-align: center;
    font-size: 12.5px;
    line-height: 2;
    color: #7B8794;
}

.lg-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #7B8794;
}

.lg-label-next {
    margin-top: 16px;
}

.lg-card .rs-input {
    height: 46px;
    border-radius: 12px;
    font-size: 14px;
}

.lg-card .rs-input-group {
    height: 46px;
    border-radius: 12px;
    overflow: hidden;
}

.lg-card .rs-input-group .rs-input {
    border-radius: 0;
}

.lg-card .rs-input-group-btn {
    height: 44px;
}

.lg-remember {
    margin: 12px 0 4px;
}

.lg-remember .rs-checkbox-checker {
    font-size: 13px;
    color: #7B8794;
}

.lg-btn {
    height: 48px;
    margin-top: 12px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform .12s ease, background-color .12s ease, border-color .12s ease;
}

.lg-btn:active {
    transform: scale(.985);
}

.lg-btn-navy {
    background: #0E1B2E;
    color: #fff;
    border: none;
}

.lg-btn-navy:hover,
.lg-btn-navy:focus,
.lg-btn-navy:active {
    background: #1B2D49;
    color: #fff;
}

.lg-btn-ghost {
    color: #2C3E50;
    border-color: #DDE3E8;
}

.lg-sep {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 22px 0 4px;
    font-size: 12px;
    color: #AEB6BF;
}

.lg-sep::before,
.lg-sep::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #E8ECEF;
}

.lg-note {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    padding: 14px;
    border-radius: 14px;
    background: #FDEDED;
    border: 1px solid rgba(220, 38, 38, .16);
}

.lg-note-icon {
    flex-shrink: 0;
    margin-top: 1px;
    color: #DC2626;
}

.lg-note-title {
    font-size: 13px;
    font-weight: 800;
    color: #DC2626;
}

.lg-note-text {
    margin-top: 5px;
    font-size: 12.5px;
    line-height: 2;
    color: #64748B;
}

.lg-note-link {
    color: #2F6FED;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 480px) {
    .lg-page {
        padding: 24px 14px;
    }

    .lg-card {
        padding: 24px 18px;
        border-radius: 18px;
    }

    .lg-logo img {
        height: 58px;
    }
}


/* ===========================================================================
   پنل مدیر شعبه  —  BranchLayout / BranchManager / BranchManagerOrder
   کلاس‌های bm-* فقط داخل همین پنل استفاده می‌شوند.
   =========================================================================== */
@keyframes bm-rise {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}

@keyframes bm-pulse {
    0% { transform: scale(1); opacity: .5; }
    70% { transform: scale(1.85); opacity: 0; }
    100% { transform: scale(1.85); opacity: 0; }
}

@keyframes bm-shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@keyframes bm-spin {
    to { transform: rotate(360deg); }
}

.bm-tap {
    transition: transform .12s ease, background-color .12s ease, border-color .12s ease, opacity .12s ease;
}

.bm-tap:active {
    transform: scale(.985);
}

.bm-skeleton {
    background: linear-gradient(90deg, #EDF1F6 25%, #F7F9FC 37%, #EDF1F6 63%);
    background-size: 400% 100%;
    animation: bm-shimmer 1.3s ease infinite;
}

/* گِرد کردن گوشهٔ بالای شیت‌های پایین‌آمدنی بدون دست‌زدن به ارتفاعی که خود
   rsuite ست می‌کند */
.bm-sheet .rs-drawer-content {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    overflow: hidden;
}

/* گزارش فروش روزانه — لِین توضیحات سفارش زیر سطر (فقط دسکتاپ).
   کلاس ExpandableTable اینجا استفاده نمی‌شود چون rt-tbody را visible می‌کند
   و اسکرول عمودیِ جدولِ 70vh را از بین می‌برد. */
.DailyReportTree .rt-tr-group {
	height: auto !important;
	min-height: 50px;
}
.DailyReportTree .rt-tr-group:hover .rt-tr:not(.-padRow) {
	background: rgba(0, 0, 0, 0.05);
}
.DailyReportTree .dr-lane {
	background: rgba(48, 57, 82, 0.035);
	border-top: 1px dashed rgba(48, 57, 82, 0.12);
	overflow: hidden;
}
.DailyReportTree .rt-tr-group:hover .dr-lane {
	background: rgba(48, 57, 82, 0.065);
}
.DailyReportTree .dr-lane-in {
	transform: translateX(var(--dr-sx, 0px));
	width: min(100%, 780px);
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 6px 12px 8px 10px;
}
.DailyReportTree .dr-lane-spine {
	flex: none;
	width: 14px;
	align-self: stretch;
	min-height: 15px;
	border-right: 2px solid #16a085;
	border-bottom: 2px solid #16a085;
	border-bottom-right-radius: 6px;
	margin: 2px 0 7px 0;
	opacity: 0.45;
}
.DailyReportTree .dr-lane-icon {
	flex: none;
	color: #16a085;
	margin-top: 3px;
	line-height: 0;
}
.DailyReportTree .dr-lane-icon svg {
	width: 13px;
	height: 13px;
	display: block;
}
.DailyReportTree .dr-lane-text {
	font-size: 12.5px;
	line-height: 1.8;
	color: #4b5563;
	white-space: normal;
	word-break: break-word;
	min-width: 0;
}
.DailyReportTree .dr-lane-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.DailyReportTree .dr-lane-more {
	flex: none;
	border: 0;
	background: none;
	padding: 0 4px;
	color: #16a085;
	font-size: 11.5px;
	cursor: pointer;
	text-decoration: underline;
}
.DailyReportTree .dr-chev-slot {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}
.DailyReportTree .dr-chev {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	background: none;
	color: #16a085;
	cursor: pointer;
	transform: rotate(-90deg);
	transition: transform 0.15s ease;
}
.DailyReportTree .dr-chev.dr-chev-closed {
	transform: rotate(0deg);
}
.DailyReportTree .dr-chev svg {
	width: 10px;
	height: 10px;
	display: block;
}
.dr-notes-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	padding: 0 2px 10px 2px;
}
.dr-notes-bar-label {
	font-size: 12.5px;
	color: #4b5563;
}
.dr-notes-bar-count {
	font-size: 11.5px;
	color: #7b8794;
	margin-right: auto;
}

.dashboard-tabs > .rs-nav {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	border-bottom: 2px solid var(--rs-navs-subtle-border, #f7f7fa);
}
.dashboard-tabs > .rs-nav::-webkit-scrollbar {
	display: none;
}
.dashboard-tabs > .rs-nav > .rs-nav-bar {
	display: none;
}