/*  IRANSans Font  */
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 900;
  src: url("fonts/IRANSansWeb(FaNum)_Black.eot");
  src: url("fonts/IRANSansWeb(FaNum)_Black.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/IRANSansWeb(FaNum)_Black.woff2") format("woff2"),
    url("fonts/IRANSansWeb(FaNum)_Black.woff") format("woff"),
    url("fonts/IRANSansWeb(FaNum)_Black.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("fonts/IRANSansWeb(FaNum)_Bold.eot");
  src: url("fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),
    url("fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
    url("fonts/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("fonts/IRANSansWeb(FaNum)_Medium.eot");
  src: url("fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
    url("fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff"),
    url("fonts/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("fonts/IRANSansWeb(FaNum)_Light.eot");
  src: url("fonts/IRANSansWeb(FaNum)_Light.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
    url("fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"),
    url("fonts/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url("fonts/IRANSansWeb(FaNum)_UltraLight.eot");
  src: url("fonts/IRANSansWeb(FaNum)_UltraLight.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),
    url("fonts/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),
    url("fonts/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/IRANSansWeb(FaNum).eot");
  src: url("fonts/IRANSansWeb(FaNum).eot?#iefix")
      format("embedded-opentype"),
    url("fonts/IRANSansWeb(FaNum).woff2") format("woff2"),
    url("fonts/IRANSansWeb(FaNum).woff") format("woff"),
    url("fonts/IRANSansWeb(FaNum).ttf") format("truetype");
}

:root {
  --def-color: #3969ae;
  --def-navLv2-color: #fffc;
  --offsetTop: 0px;
  /*--def-dlg-hdr: #08618b;*/
}

@font-face {
  font-family: "cairo";
  font-style: normal;
  font-weight: normal;
  src: url("Fonts/1/Cairo-regular.eot?#") format("eot"),
    url("Fonts/1/Cairo-regular.woff") format("woff"),
    url("Fonts/1/Cairo-regular.ttf") format("truetype");
}

@font-face {
  font-family: "cairo";
  src: url("Fonts/1/Cairo-bold.eot?#") format("eot"),
    url("Fonts/1/Cairo-bold.woff") format("woff"),
    url("Fonts/1/Cairo-bold.ttf") format("truetype");
}

@font-face {
  font-family: "koodak";
  font-style: normal;
  font-weight: normal;
  src: url("Fonts/koodak.eot?#") format("eot"),
    url("Fonts/koodak.woff") format("woff"),
    url("Fonts/koodak.ttf") format("truetype");
}
@font-face {
  font-family: "DroidArabicNaskh";
  src: url("Fonts/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"),
    url("Fonts/IRANSansWeb_Light.woff") format("woff"),
    url("Fonts/IRANSansWeb_Light.ttf") format("truetype");
}
@font-face {
  font-family: "DroidArabicNaskh";
  src: url("Fonts/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"),
    url("Fonts/IRANSansWeb_Bold.woff") format("woff"),
    url("Fonts/IRANSansWeb_Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "noto";
  font-style: normal;
  font-weight: normal;
  src: url("Fonts/1/NotoNaskhArabic-regular.eot?#") format("eot"),
    url("Fonts/1/NotoNaskhArabic-regular.woff") format("woff"),
    url("Fonts/1/NotoNaskhArabic-regular.ttf") format("truetype");
}
@font-face {
  font-family: "noto";
  src: url("Fonts/1/NotoNaskhArabic-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("Fonts/1/NotoNaskhArabic-Bold.woff") format("woff"),
    url("Fonts/1/NotoNaskhArabic-Bold.ttf") format("truetype");
  font-weight: bold;
}
a {
  color: Navy;
  text-decoration: none;
}

a:visited {
  color: Navy;
}

a:hover {
  text-decoration: none;
}

.fa a:hover {
  text-decoration: none;
}

.a {
  padding-bottom: 2px;
  border-bottom: solid 1px navy;
}

.a:hover {
  text-decoration: none;
}

.fa:hover {
  text-decoration: none;
}

input,
select,
textarea {
  font-family: inherit;
  opacity: 1; /*disabled ddl are opacity=0.7 in chrome*/
}

.asDivUpload {
  /*width:430px;*/
}

.asUpload,
.asSend {
  width: 238px;
  float: right;
}

.ltr .asUpload,
.ltr .asSend {
  width: 238px;
  float: left;
}

.asErr {
  color: Red;
}

.ddl {
  width: 184px;
}

.aC {
  text-align: center;
}

.aL {
  text-align: left;
}

.aR {
  text-align: right;
}

.ltr {
  direction: ltr !important;
}

.ltr2 {
	direction: ltr !important;
	display: inline-flex;
}

.rtl {
	direction: rtl !important;
}

.lh {
  line-height: 2em;
}

.dn {
  display: none;
  visibility: hidden;
}

.dn2 {
  display: none;
}

.clrB {
  clear: both;
}

.txtRich {
  background: none;
}

.txtCount {
  width: 30px;
}

.ddlCat {
  width: 135px;
}

.disable {
  filter: grayscale(70%);
  cursor: default !important;
}

.rowFull {
  clear: both;
  width: 100%;
  min-height: 27px;
  margin: 10px 0;
}

.row {
  width: 315px;
  float: right;
  vertical-align: middle;
  margin: 10px 0;
  min-height: 27px;
}

body[ltr] .row {
  float: left;
}

.ltr .row {
  float: left;
}

.row .col1,
.rowFull .col1,
.rowFull .col1Full {
  float: right;
  width: 100px;
  font-weight: bold;
  padding: 5px;
}

body[ltr] .row .col1,
body[ltr] .rowFull .col1,
body[ltr] .rowFull .col1Full {
  float: left;
}

.ltr .row .col1,
.ltr .rowFull .col1,
.ltr .rowFull .col1Full,
.ltr.row .col1,
.ltr.rowFull .col1,
.ltr.rowFull .col1Full {
  float: left;
}

.rowFull .colHdr {
  font-weight: bold;
  padding: 5px;
}

.rowFull .col1Full {
  width: auto;
}

.row .col2,
.rowFull .col2 {
	line-height: 29px;
}

.btnSrch {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.txtDef {
  width: 143px;
}

.lblDef {
  display: inline-block;
  padding-top: 6px;
}

.ddlDef {
  width: 157px;
  padding: 2px;
}

.ddlDef2 {
  width: 257px;
  padding: 2px;
}

.btnDef {
  min-width: 80px;
  height: 26px;
}

.star {
  color: Red;
}

.bgGreen {
	background: #deffd9;
	border: 1px solid #45ff28;
}

.bgGreenCP .pnlCnt {
  background: #deffd9;
}

.bgBlue {
	background: #eaf4ff;
	border: 1px solid #8fc1f7;
}

.bgBlueCP .pnlCnt {
  background: #eaf4ff;
}

.bgOrange {
	background: #fff0e0;
	border: 1px solid #ff9f00;
}

.bgRed {
	background: #ffe6e6;
	border: 1px solid #ff4d4d;
}

.bgWhite {
  background-color: White;
}

.bgGray {
  background: #f5f5f5;
}

.bgDarkGray {
  background: #dedede;
}

.att {
  color: Red !important;
}

.att a {
  color: Red !important;
}

.msgShodow {
  text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em darkblue;
  color: white;
}

.succ {
  color: Green;
}

.green {
  color: Green!important;
}

.bg-green {
	color:white;
	background: Green !important;
}

.navy {
	color: navy;
}
.bg-navy {
	color: white;
	background: navy;
}

.gold {
	color: rgb(255, 193, 7)!important;
}

.bg-gold {
	color: black;
	background: rgb(255, 193, 7) !important;
}

.red {
	color: rgb(220, 53, 69)!important;
}

.bg-gray {
	background: #ecf0f1;
	color: #2c3e50 !important;
}

.badge-container {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.badge {
	min-width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	margin-left: 0.5rem;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	padding: 4px 8px;
	border-radius: 15px;
}

.validatorHighlight {
	color: #db4105;
}

.validator {
	position: absolute;
	background-color: #f1c40f;
	color: #2c3e50;
	padding: 10px;
	border-radius: 5px;
	font-size: 14px;
	display: none;
	z-index: 1000;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	width: 180px;
}

	.validator::before {
		content: '';
		position: absolute;
		top: -16px;
		left: 20px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent transparent #f1c40f transparent; /* فلش با رنگ پیام خطا */
	}

/*.validator {
  position: relative;
  display: none;
  width: 180px;
  z-index: 1000;
}

.validator .top {
  background: url(Images/Validator.gif?1) no-repeat;
  height: 17px;
  width: 170px;
}

.validator .middle {
  background: lightgray url(Images/Validator.gif?1) repeat-y -181px 0px;
  font-size: 12px;
  padding: 0px 5px 5px 10px;
  width: 100%;
}

.validator .bottom {
  background: url(Images/Validator.gif?) no-repeat -362px -10px;
  height: 7px;
}*/

.warning {
	display: none;
	font-size: 16px;
	color: orange;
	background: black;
	clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
	width: 16px;
	height: 15px;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	position: relative;
	left: -4px;
	top: 1px;
	animation: headShake 1s ease-in 1;
}

#validatePanel {
  bottom: 31px;
  left: 37px;
  position: absolute;
  background: lightgray;
  border: 1px navy solid;
  width: 350px;
  border-radius: 8px 8px 0 0;
  box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 10000;
  display: none;
}

#validatePanel .item {
  cursor: pointer;
  min-height: 25px;
  padding: 0 21px 0 0;
  margin: 4px 5px 0 0;
  line-height: 25px;
  background: url(Images/Warning.png) no-repeat 100% 0;
  /*text-decoration: underline;
  text-underline-position: under;*/
  color: navy;
  display: none;
}

#validatePanel .hdr {
  background: var(--def-color);
  height: 25px;
  padding: 0 5px;
  line-height: 25px;
  color: white;
  cursor: pointer;
}

	#validatePanel .hdr .count {
		float: left;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		text-align: center;
		color: red;
		background: orange;
		font-weight: bolder;
		margin-top: 3px;
		font-size: 16px;
		line-height: 1.4em;
	}

#validatePanel .hdr .btn {
  float: left;
  font-size: 16pt;
  width: 10px;
  height: 10px;
  margin: 2px;
  padding:unset;
  line-height:unset;
}

#validatePanel .hdr .btn:after {
  content: "▴";
}

#validatePanel .hdr .expand:after {
  content: "▾";
}

#validatePanel .cnt {
  max-height: 200px;
  overflow: auto;
}

.imgCaptcha {
  border: 1px solid navy !important;
  border-radius: 7px;
  height: 50px;
}

.ib {
  display: inline-block !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.btns {
  margin-top: 10px;
  text-align: left;
}

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

.actHdr0 {
  width: 17px;
}

.actHdr {
  width: 43px;
}

.actHdr2 {
  width: 80px;
}

.actHdr3 {
  width: 90px;
}

.actHdr4 {
  width: 107px;
}

.actHdrDel,
.actHdrDelDis {
  width: 25px;
}

.actBtn {
  float: right;
}

.actBtnSecondry {
	background: #fd642e none;
	border-radius: 6px !important;
	display: flex !important;
	justify-content: center;
	box-sizing: border-box;
	padding: 6px;
	color: var(--mp-main-50);
}

.actBtn2 {
  float: left;
}

	.actBtn,
	.actBtn:visited,
	.actBtn2,
	.actBtn2:visited {
		display: block;
		font-family: "Font Awesome 7 Pro";
		font-weight: 900;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: .25rem;
		padding: 1px 4px;
		color: #fff;
		background-color: var(--mp-main-500);
		border: 1px solid transparent;
	}

		.actBtn::before,
		.actBtn:visited::before,
		.actBtn2::before,
		.actBtn2:visited::before {
			content: "\f03a";
		}
		.actBtn:not([href]) {/*disabled*/
			color: #7c7c7c;
			background-color: var(--mp-main-100);
		}

.formBtn {
	display: inline-block;
	font-family: "Font Awesome 7 Pro";
	font-weight: 900;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	padding: 1px 4px;
	color: #fff;
	background-color: var(--mp-main-500);
	border: 1px solid transparent;
}
	.formBtn::before {
		content: "\f03a";
	}

.userAccessBtn {
  background: url(Images/User.png) no-repeat;
  width: 18px;
  height: 18px;
  display: block;
  float: right;
}

.exportBtn {
  background: url(Images/gv2/ImEx.png) no-repeat -17px 0;
  width: 18px;
  height: 18px;
  display: block;
  float: right;
}

.importBtn {
  background: url(Images/gv2/ImEx.png) no-repeat;
  width: 18px;
  height: 18px;
  display: block;
  float: right;
}

.delBtn {
	float: left;
	cursor: pointer;
	font-family: "Font Awesome 7 Pro";
	font-weight: 900;
	color: rgb(223, 15, 80);
	padding: 1px 4px;
	font-size: 1rem;
	line-height: 1.5;
	border: 1px solid transparent;
}

	.delBtn::before {
		content: "\f1f8";
	}

.delBtnCenter {
  float: initial;
  margin: auto;
  display: block;
}

.btnUpDown {
  width: 59px;
}

.btnUpFirst {
  background: url(Images/gv2/BtnUpDown.png?2) -15px 0;
  width: 16px;
  height: 16px;
  float: left;
}

.btnUp {
  background: url(Images/gv2/BtnUpDown.png?2);
  width: 16px;
  height: 16px;
  float: left;
}

.btnDownEnd {
  background: url(Images/gv2/BtnUpDown.png?2) -47px 0;
  width: 16px;
  height: 16px;
  float: right;
}

.btnDown {
  background: url(Images/gv2/BtnUpDown.png?2) -32px 0;
  width: 16px;
  height: 16px;
  float: left;
}

.pnlEC .leg {
  cursor: pointer;
  min-height: 17px;
  color: #0a5189;
  padding1: 5px 6px 1px 25px;
  margin: 0px 8px 0px 0px;
  position: relative;
}

.pnlECS .leg,
.pnlEC .leg:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset,
    0 1px 0 rgba(255, 255, 255, 0.75);
}

.pnlECH {
  border: none;
}

.pnlEC {
  border: none;
}

.pnlEC .pnlCnt {
  border: 1px solid #aaaaaa;
  border-radius: 4px 4px 4px 4px;
  padding: 22px;
  margin: -15px 0 0 0;
  /*overflow: hidden;*/
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2),
    2px 2px 3px rgba(0, 0, 0, 0.2) inset;
  background: #fff9;
}

.pnlECH .leg,
.pnlECS .leg {
  font-weight: bold;
}

.pnlECH .leg:before,
.pnlECS .leg:before {
  content: "";
  float: left;
  width: 18px;
  height: 18px;
  margin: 0px 4px 5px -4px;
  margin-top: 0.6em;
  background: url(Images/ColExp.gif) no-repeat 0 0;
  transition: transform 0.5s;
}

.pnlECH .leg:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.hr {
  height: 7px;
  margin: 0px 0px 10px 0px;
  border-bottom: inset 1px gray;
  overflow: hidden;
  clear: both;
}

.treeFrame {
  border: solid 2px gray;
  padding: 10px;
  overflow: auto;
}

.titleIco {
  background: url(Images/Tree/Title.gif) no-repeat center;
  width: 22px;
  height: 21px;
  padding: 2px;
}

.subTitleIco {
  background: url(Images/Tree/SubTitle.png) no-repeat center;
  width: 24px;
  height: 23px;
  padding: 2px;
}

.txtWM {
  color: Gray;
}

.nu {
  direction: rtl;
}

.nu td {
  padding: 0px;
  border: none;
}

.nu .c {
  float: left;
  width: 14px;
  margin-top: 3px;
  position: relative;
  margin-left: -17px;
}

.nu .c div {
  width: 12px;
  height: 10px;
  cursor: pointer;
  overflow: hidden;
}

	.nu .u {
		/*background: url(Images/UpDown.gif);*/
		/*color:green;*/
	}
		.nu .u div {
			border: 1px solid gray;
			background: gray;
			display:flex;
		}

	.nu .d {
		/*background: url(Images/UpDown.gif) repeat scroll 0px -10px;*/
		/*color: green;*/
	}
.nuBtn {
	display: inline-flex !important; /* استفاده از flexbox برای چینش افقی */
}
	.nuBtn input, .nuBtn input:focus {
		border-radius: 0;
		text-align: center;
		border-left: none !important;
		border-right: none !important;
	}

		.nuBtn input:focus {
			border-bottom: 1px solid var(--mp-slate-550) !important;
			border-top: 1px solid var(--mp-slate-550) !important;
		}

	.nuBtn div {
		cursor: pointer;
		padding: 0 9px;
		background-color: white;
		color: #000000a8;
		border: 1px solid var(--mp-slate-550);
		font-size: 13pt;
		line-height: initial;
		user-select: none;
	}
	.nuBtn .inc {
		border-radius: 0px 8px 8px 0px;
		border-left: none;
	}
	.nuBtn .dec {
		border-radius: 8px 0px 0px 8px;
		border-right: none;
	}

	.nuBtn div:hover {
		background-color: #f1f0f0;
	}

.pTitle {
  width: 170px;
  height: 30px;
  font-weight: bolder;
  background: url(Images/PTitle.gif);
  text-align: center;
}

.pTitle div {
  padding: 7px;
}

.padd {
  padding: 5px;
}

.paddCorrectMargin {
  display: grid;
}

.padd2 {
  padding: 15px;
}

.intent {
  padding-right: 10px;
}

.intent2 {
  padding-right: 40px;
}

.marg {
  margin: 5px;
}

.paddRight {
  padding-right: 15px;
}

.tbDNDef {
  width: 30px;
  direction: ltr;
}

.panelRightLeft {
  height: 260px;
  width: 643px;
}

.panelRightLeft .pan {
  width: 170px;
  height: 284px;
  padding: 5px;
  border: 1px solid Navy;
  border-radius: 4px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2),
    2px 2px 3px rgba(0, 0, 0, 0.2) inset;
  background-color1: #ececec;
  background: #eaf4ff;
  border: 1px solid #a6d0ff;
}

.panelRightLeft .r {
  float: right;
}

.ltr .panelRightLeft .r {
  float: left;
}

.panelRightLeft .l {
  float: left;
}

.ltr .panelRightLeft .l {
  float: right;
}

.panelRightLeft .s {
  float: right;
  vertical-align: middle;
  height: 200px;
}

.ltr .panelRightLeft .s {
  float: left;
}

.panelRightLeft .s .m {
  padding: 77px 5px;
}

.panelRightLeft .s .m input {
  width: 36px;
}

.panelRightLeft .updown {
  float: left;
  padding: 77px 5px;
}

.panelRightLeft .updown input {
  width: 48px;
}

.toolTip {
  width: 16px;
  height: 16px;
  opacity: 1;
  filter: alpha(opacity=50);
  width: 16px;
  height: 16px;
  background: url(Images/OnOff.png) 0 16px;
  cursor: pointer;
}

.toolTipOpen {
  background-position: 0 0;
}

.money {
  width: 143px;
  direction: ltr;
}

.round {
  border-radius: 4px;
  border: 1px solid navy;
}

.round2 {
  border-radius: 15px;
  background: white;
  border: 1px solid navy;
  padding: 10px;
}

.border {
  border: 1px solid navy;
}

.shadow {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2),
    2px 2px 3px rgba(0, 0, 0, 0.2) inset;
}

.progress-slider-container {
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 12px;
}
	.progress-slider-container .percentage-display {
		font-size: 12pt;
		width: 25px;
	}
	.progress-slider-container input[type="range"] {
		-webkit-appearance: none;
		width: 100%;
		height: 8px;
		border-radius: 10px;
		background: #e0e0e0;
		outline: none;
		cursor: pointer;
		direction: rtl;
	}

		.progress-slider-container input[type="range"]::-webkit-slider-thumb {
			-webkit-appearance: none;
			width: 20px;
			height: 20px;
			background: #4facfe;
			border-radius: 50%;
			border: 2px solid #ffffff;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
			cursor: pointer;
			transition: 0.15s ease;
		}

			.progress-slider-container input[type="range"]::-webkit-slider-thumb:hover {
				background: #3b82f6;
				border-color: #dce8ff;
			}

		/* --- Firefox Thumb --- */
		.progress-slider-container input[type="range"]::-moz-range-thumb {
			width: 20px;
			height: 20px;
			background: #4facfe;
			border-radius: 50%;
			border: 2px solid #ffffff;
			cursor: pointer;
		}

		/* --- Firefox Track --- */
		.progress-slider-container input[type="range"]::-moz-range-track {
			background: #e0e0e0;
			height: 8px;
			border-radius: 10px;
		}

.lblMsg {
  color: #808080;
  display: block;
  font-size: 14pt;
  font-weight: bold;
  top: 155px;
  position: relative;
  text-align: center;
}

.ui-slider {
  position: relative;
  text-align: left;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}

.bDocCode .calcKey {
  padding: 0px 91px;
}

.closeBtn {
  cursor: pointer;
  background: url(Images/Close.png);
  width: 16px;
  height: 16px;
  float: left;
  margin: 7px;
}

.closeBtn2 {
  cursor: pointer;
  background: url("../Images/Icons.png") no-repeat scroll 100% -550px;
  width: 25px;
  height: 25px;
  float: left;
}

.deleteBtn {
  background: url(Images/UnCheck.gif);
  width: 18px !important;
  height: 18px !important;
}

.btnAdd {
  width: 36px;
  height: 36px;
  background: url(Images/Add.png);
}

.btnRemove {
  width: 36px;
  height: 36px;
  background: url(Images/Remove.png);
}

.hint {
	color: gray;
	display: block;
	font-size: 8pt;
	font-weight: normal;
	direction: rtl;
}

.tblProp {
  border: 1px solid #cccccc;
  width: 100%;
}

.tblProp > tbody > tr {
  height: 33px;
}

.tdProp {
  border: none;
  border-bottom: 1px solid #cccccc;
  width: 40%;
  font-weight: bold;
  min-height: 20px;
}

.tdLabel {
  border-left: 1px solid #cccccc;
  background: #ffffff;
}

.refresh {
  display: block;
}

.refresh:before {
  content: "\f021";
  font-family: "FontAwesome";
  font-size: 11pt;
  margin: 0 4px 0 4px;
}

.refresh2 {
  display: block;
  width: 25px;
  height: 25px;
  background: url("../Images/Icons.png") no-repeat scroll 100% -350px;
}

.iframe {
  border: none;
  background: url(Images/DashboardProgress.gif) no-repeat 50% 50%;
}

.prntLbProp {
	float: right;
	padding: 1px 6px 1px 1px;
}

.lbShowHistory {
	width: 18px;
	height: 18px;
	font-size: 11pt !important;
	line-height: 1.5;
}

.lbProp {
	cursor: pointer;
	font-family: "Font Awesome 7 Pro";
	font-weight: 900;
	color: var(--mp-main-500);
	font-size: 1rem;
	line-height: 1.5;
	border: 1px solid transparent;
}

	.lbProp::before {
		content: "\f013";
	}

.tbToLbl {
  border: none;
  color: transparent;
  text-shadow: 0 0 0 #214263;
  display: inline-block;
  width: 100%;
  background: transparent;

  &:focus {
    outline: none;
  }
}

.lb {
  background: transparent url(Images/HeaderText.gif) no-repeat scroll 100% 50%;
  font-size: 12pt;
  margin: 4px 4px;
  padding-right: 23px;
}

.addItem {
	vertical-align: middle;
	font-size: 28px;
}

	.addItem::before {
		font-family: "Font Awesome 7 Pro";
		font-weight: 900;
		content: "\f055";
		margin-right: 6px;
		color: var(--mp-main-450);
	}

.autoComplete.txtDef {
	background-image: url("Images/AutoComplete.png");
	background-repeat: no-repeat;
	background-position: 0 6px;
}

	.autoComplete.txtDef:disabled {
		background: url("Images/AutoComplete.png") no-repeat 0 6px, lightgray;
	}

.ltr .autoComplete.txtDef {
	background: url("Images/AutoComplete.png") no-repeat 100% 6px, white url("Images/bgTxt.gif") repeat-x scroll 0 0;
}

.ltr .autoComplete:disabled.txtDef {
	background: url("Images/AutoComplete.png") no-repeat 100% 6px, lightgray;
}

.showUserDetails span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /*direction:ltr;*/
  padding: 7px 1px 0;
  display: block;
}

.showUserDetails img {
	float: right;
	border-radius: 50%;
	border: 1px solid #bfbfbf !important;
	width: 25px;
	height: 25px;
	margin-top: 1px;
}

.btnLang {
  cursor: pointer;
  border: none;
  color: navy;
  font-family: tahoma;
  padding: 1px;
  margin: 1px;
  vertical-align: top;
}

.hdrMain {
  border: 1px solid navy;
  border-bottom: none;
  margin-bottom: 0px;
  background: url(Images/FormDesign/Images/BgHdrDeskDesign_01.png) repeat-x;
}

.hdrMain .bottom {
  height: 4px;
  background: url(Images/FormDesign/Images/BgHdrDeskDesign_02.png);
  clear: both;
  width: 100%;
}

.hdrMain .row {
  width: 239px;
  margin: 8px 0 4px;
}

.hdrMain .row .col1 {
  text-align: left;
  width: 56px;
}

.hdrMain .prop {
  background: rgba(0, 0, 0, 0) url("Images/MenuIcon.png") repeat scroll 80px 0;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 13px 13px 0;
}

#toastNotation {
  width: 250px;
  margin-left: -125px;
  border-radius: 5px;
  position: fixed;
  z-index: 9999999;
  left: 50%;
  top: 0px;
  background: #4c5660;
  border: 1px solid #010102;
}

#toastNotation .close {
  font-family: "FontAwesome";
  font-size: 11px;
  position: absolute;
  right: 5px;
  top: 5px;
  color: orange;
  cursor: pointer;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
}

#toastNotation .close::before {
  content: "\f00d";
}

#toastNotation .cnt {
  color: #fff;
  text-align: center;
  padding: 16px;
}

.blur {
  filter: blur(1px);
}

select[cascaded="true"] > option:disabled,
select[functionally-hide="true"] > option:disabled {
  display: none;
}

.ajax__tab_body {
  font-family: inherit !important;
  font-size: inherit !important;
  overflow:auto !important;
}

/*#region RadiaButtonList2*/
.rbl2 {
  cursor: pointer;
  font-size: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 19px;
}

.rbl2 input {
  opacity: 0;
  position: relative;
  z-index: 3;
  width: 18px;
  height: 18px;
  top: 3px;
  margin: 0;
  cursor: pointer;
}

.rbl2 td {
  position: relative;
}

.rbl2 label {
  cursor: pointer;
  padding: 0 7px;
}

.rbl2 input ~ label::after {
  content: "";
}

.rbl2 label::before {
  content: "";
  width: 13px;
  height: 13px;
  background: linear-gradient(
    to bottom,
    rgba(237, 237, 237, 1) 0%,
    rgba(191, 191, 191, 1) 50%,
    rgba(237, 237, 237, 1) 100%
  );
  border: solid 1px #8a8a8a;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  border-radius: 50%;
}

.rbl2 input:enabled:hover ~ label::before {
  background: gray;
}

.rbl2[disabled="disabled"],
.rbl2 input[disabled="disabled"],
.rbl2 input[disabled="disabled"] ~ label,
.rbl2 input[disabled="disabled"] ~ label:before {
  cursor: default !important;
}

.rbl2 input:checked ~ label::before {
  content: ".";
  background: transparent !important;
  z-index: 1;
  text-align: center;
  font-size: 43pt;
  color: black;
  top: -10px;
  right: 3px;
  border: 1px solid transparent;
}

.rbl2 input:checked ~ label::after {
  width: 13px;
  height: 13px;
  border: 1px solid #3e8abe;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 50%;
  background: linear-gradient(
    to bottom,
    rgba(200, 216, 235, 1) 0%,
    rgba(200, 216, 235, 1) 1%,
    rgba(65, 129, 186, 1) 50%,
    rgba(200, 216, 235, 1) 100%
  );
}

.rbl2 input:checked:disabled ~ label::before {
  background: transparent !important;
  border: 1px transparent solid;
  color: gray;
}

.rbl2 input:disabled ~ label::before {
  border-color: gray;
  background: #dbdbdb !important;
}

.rbl2 input:checked:disabled ~ label::after {
  border-color: gray;
  background: #dbdbdb !important;
}

/*#region box radio button*/
.rbl2-box-radio-button td input {
  display: none;
}

.rbl2-box-radio-button label {
  border: 1px solid #357ebd;
  border-right: none;
  padding: 5px;
  position: relative;
  float: left;
  margin-left: -5px;
  color: #3276b1;
}

.rbl2-box-radio-button input[type="radio"]:checked + label {
  color: #fff;
  background-color: #3276b1;
  transition: background-color 300ms ease-out;
  text-shadow: rgba(0, 0, 0, 0.89) 1px 1px 1px;
}

.rbl2-box-radio-button td:first-child label {
  /*border-left: none;*/
  border-right: 1px solid #357ebd;
  border-radius: 0 3px 3px 0;
}

.rbl2-box-radio-button td:last-child label {
  /*border-right: none;*/
  /*border-left:1px solid #357ebd;*/
  border-radius: 3px 0 0 3px;
}

.rbl2-box-radio-button label::before {
  border: none;
  background: none;
}

.rbl2-box-radio-button input:checked ~ label::after {
  border: none;
  background: none;
}
.rbl2-box-radio-button input:disabled ~ label::after,
.rbl2-box-radio-button input:disabled ~ label::before {
	display: none;
}
.rbl2-box-radio-button input[type="radio"]:checked:disabled + label {
	background-color: gray;
}
.rbl2-box-radio-button input:checked ~ label::before {
	content: "";
}

.rbl2-box-radio-button input:enabled:hover ~ label::before {
  background: none;
}

/*#endregion box radio button*/
/*#endregion RadiaButtonList2*/

/*CheckBoxList2*/
.cbl2 {
  cursor: pointer;
  font-size: 1.1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cbl2 input {
  opacity: 0;
  position: relative;
  z-index: 3;
  width: 18px;
  height: 18px;
  top: 3px;
  margin: 0;
  cursor: pointer;
}

.cbl2 td {
  border-left: none; /*For in grid*/
  position: relative;
  vertical-align: top;
}

.cbl2 label {
  cursor: pointer;
  padding: 0 7px;
}

	.cbl2 > label, .cbl2 > .aspNetDisabled > label {
		padding: 0 26px 0 0;
		position: relative;
		display: inline-flex;
	}

.cbl2 label:before {
  content: "";
  width: 13px;
  height: 13px;
  background: linear-gradient(
    to bottom,
    rgba(237, 237, 237, 1) 0%,
    rgba(191, 191, 191, 1) 50%,
    rgba(237, 237, 237, 1) 100%
  );
  border: solid 1px #8a8a8a;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  border-radius: 4px;
}

.cbl2 input:enabled + label:hover:before {
  background-color: gray;
}

.cbl2 input:checked + label:after {
  width: 13px;
  height: 13px;
  border: 1px solid #3e8abe;
  position: absolute;
  right: 5px;
  top: 6px;
  border-radius: 4px;
  background: linear-gradient(
    to bottom,
    rgba(200, 216, 235, 1) 0%,
    rgba(200, 216, 235, 1) 1%,
    rgba(65, 129, 186, 1) 50%,
    rgba(200, 216, 235, 1) 100%
  );
}

.cbl2 input:disabled + label:before,
.cbl2 input:checked:disabled + label:after {
  border-color: gray;
  background: #dbdbdb !important;
}

.cbl2 input:checked:disabled + label:before {
  color: #9e9e9e;
}

.cbl2[disabled="disabled"],
.cbl2 span[disabled="disabled"],
.cbl2 input[disabled="disabled"],
.cbl2 input[disabled="disabled"] + label,
.cbl2 input[disabled="disabled"] + label:before {
  cursor: default !important;
}

.cbl2 input:checked + label:before {
  content: "✔";
  background: transparent !important;
  z-index: 1;
  line-height: 1.5em;
  text-align: center;
  font-size: 14pt;
  color: black;
  top: -2px;
  right: 3px;
  border: 1px solid transparent;
}

.cbl2 input + label:after {
  content: "";
}

/* ۱. حالت چک لیستی (خط روی متن) */
.cbl2-checklist input:checked + label {
	text-decoration: line-through;
	color: #888;
}

/* ۲. حالت هایلایتی (رنگی شدن سطر) */
.cbl2-highlight tr:has(input:checked) {
	background-color: #eef6fc;
}

	.cbl2-highlight tr:has(input:checked) td {
		border-right: 4px solid #3e8abe;
	}

.cbl2-highlight input:checked + label {
	color: #1e5a8a;
	font-weight: 600;
}

/* ۳. حالت دکمه‌ای (چیپ‌ها) */
.cbl2-chips, .cbl2-chips tbody {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
}

	.cbl2-chips tr, .cbl2-chips td {
		display: inline-flex !important;
		border: none !important;
		padding: 0 !important;
	}

	.cbl2-chips input {
		position: absolute !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
	}

	.cbl2-chips label:before,
	.cbl2-chips label:after {
		content: none !important;
		display: none !important;
	}

	.cbl2-chips label {
		display: inline-flex !important;
		align-items: center;
		gap: 6px;
		padding: 6px 16px !important;
		background-color: #f1f3f5;
		color: #495057;
		border: 1px solid #ced4da;
		border-radius: 50px;
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.cbl2-chips input:checked + label {
		background-color: #e7f5ff;
		color: #1971c2;
		border-color: #74c0fc;
		font-weight: 600;
	}

		.cbl2-chips input:checked + label::before {
			content: "✓" !important;
			display: inline-block !important;
			font-size: 0.9em;
			color: #1971c2;
		}

/*.tourHelp {
  height: 24px;
  width: 24px;
  background: url(../Images/Icons.png) no-repeat scroll 100% -950px;
  display: block;
  position: absolute;
  left: 0;
}*/

body[dir="ltr"] .tourHelp {
  left: unset;
  right: 0;
}

.skeletonPanel {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.skeletonPanel .row {
  padding: 0 12px;
}

.skeletonPanel .row .col1 {
  float: right;
  width: 80px;
  height: 25px;
  padding: 0px !important;
  margin-left: 31px;
  border-radius: 5px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s infinite linear;
}

.skeletonPanel .row .col2 {
  float: right;
  width: 200px;
  height: 30px;
  padding: 0px !important;
  background-color: #ccc;
  border-radius: 5px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 150px, #ddd 300px);
  background-size: 600px;
  animation: shine-lines 1.6s infinite linear;
}

.skeletonTlbtItem {
  float: right;
  width: 24px !important;
  height: 24px !important;
  padding: 0px !important;
  margin: 2px;
  border-radius: 30%;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1s infinite linear;
}

.dlgFAQ {
  background: linear-gradient(to right, #020e18, #001426);
}

.dlgFAQ .containerVideo {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 504px;
}

.dlgFAQ .hdr {
  text-align: center;
  position: relative;
  top: -499px;
}

.dlgFAQ .hdr span {
  text-shadow: 0 0 10px #ffe13e, 0 0 5px #ffe13e, 0 0 5px #ffe13e,
    0 0 5px #ffe13e, 0 0 5px #ffe13e, 0 0 5px #ffe13e, 0 0 5px #ffe13e,
    0 0 5px #ffe13e;
  font-size: 28pt;
}

.dlgFAQ .content {
  position: relative;
  z-index: 1;
  margin-top: -499px;
}

.dlgFAQ .content .txt {
  /*font-family: 'koodak';*/
  font-size: 14pt;
  /*color: white;*/
  /*background: rgba(54, 80, 132, 0.72);*/
  background: #ffffffd9;
  /*margin: 20px;*/
  padding: 10px;
  border: 1px solid orange;
  border-radius: 30px;
}

.dlgFAQ .content .txt .a {
  font-size: 12pt;
}

.dlgFAQ .content .txt .fa {
  font-size: 21pt;
  margin: 0 6px;
  color: orange;
}

.thinScroll {
  /*scrollbar-color: #666565 #d9d9d9;
  scrollbar-width: thin;*/
}

.thinScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.thinScroll::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #f5f5f5;
  border-radius: 10px;
}

.thinScroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.39);
  border: 2px solid rgba(85, 85, 85, 0.33);
  border-radius: 10px;
}

.suggestions-list {
	border: 1px solid #ccc;
	background-color: #fff;
	position: absolute;
	z-index: 1000;
	display: none;
	max-height: 150px;
	overflow-y: auto;
	width: 300px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

	.suggestions-list .suggestion-item {
		padding: 10px;
		cursor: default;
	}

		.suggestions-list .suggestion-item:hover {
			background-color: #f0f0f0; /* رنگ هایلایت */
		}

	.suggestions-list .suggestion-word {
		color: #007bff; /* رنگ متن پیشنهاد */
		cursor: pointer; /* تغییر نشانگر موس به دست */
		padding: 2px 4px; /* اضافه کردن فاصله داخلی */
		border-radius: 3px; /* گرد کردن گوشه‌ها */
	}

		.suggestions-list .suggestion-word:hover {
			color: white; /* رنگ متن هنگام هاور */
			background-color: #007bff; /* رنگ پس‌زمینه هنگام هاور */
		}

.suggestions-elem .error-word {
	color: red;
}

.suggestions-elem .current-error {
	background-color: yellow;
}

/* استایل عمومی برای span */
.suggestions-elem-single-line-span, .suggestions-elem-multi-line-span {
	white-space: pre-wrap;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5;
	background-color: #f9f9f9;
	overflow: auto;
}

/* استایل برای span تک‌خطی */
.suggestions-elem-single-line-span {
	white-space: nowrap; /* جلوگیری از شکسته شدن خط */
}

/* استایل برای span چندخطی */
.suggestions-elem-multi-line-span {
	display: block;
	white-space: normal; /* اجازه شکسته شدن خط */
}

.spellCheckBtn {
	/*position: relative;*/
	color: #454fef;
	font-size: 1rem;
	border: navajowhite;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	cursor: pointer;
	transition: opacity 0.5s ease;
}
	.spellCheckBtn.show {
		color: green;
		font-weight: bold;
		display: inline; /* هنگام نمایش تیک */
		opacity: 1; /* تیک قابل مشاهده است */
	}



.loader {
	border: 2px solid rgb(14 10 251);
	border-top: 2px solid #fff; /* رنگ چرخانک */
	border-radius: 50%;
	width: 16px; /* اندازه چرخانک */
	height: 16px; /* اندازه چرخانک */
	animation: spin 1s linear infinite; /* انیمیشن چرخش */
	position: absolute;
	transform: translateY(-50%); /* مرکز یابی عمودی */
	margin-top: -1px;
}

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

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

.checkmark {
	color: green; /* رنگ تیک */
	position: absolute; /* موقعیت نسبی */
	transform: translateY(-50%); /* وسط کردن عمودی */
	font-size: 18px; /* اندازه تیک */
	opacity: 0; /* مخفی کردن تیک در ابتدا */
	transition: opacity 0.5s ease; /* انیمیشن تغییر شفافیت */
	margin-top: 8px;
}

	.checkmark.show {
		opacity: 1; /* شفافیت تیک */
	}
.notice {
	background-color: #e8f0fe;
	border-right: 5px solid #2196F3;
	padding: 10px;
	margin: 10px;
	display: block;
	width: calc(100% - 20px);
	box-sizing: border-box;
}
#backToTop {
	position: fixed;
	bottom: 28px;
	left: 20px;
	display: none;
	background: var(--mp-main-600);
	opacity: 0.5;
	color: white;
	padding: 15px;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 24px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
	width: 10px;
	height: 10px;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
}

	#backToTop:hover {
		opacity: 0.8;
	}

	#backToTop i {
		pointer-events: none;
	}

.textCollapse {
	background: #fafafa;
	line-height: 1.7em;
	text-align: justify;
	position: relative;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

	.textCollapse .text-container {
		overflow: hidden;
		position: relative;
		transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	}

		.textCollapse .text-container::after {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 2.5em;
			background: linear-gradient(to top, #fafafa 20%, transparent);
			transition: opacity 0.4s ease;
			pointer-events: none;
		}
	.textCollapse span {
		line-height: 1.7em!important;
	}

	.textCollapse.expanded .text-container::after {
		opacity: 0;
	}

	.textCollapse .toggle-wrapper {
		text-align: left;
		margin-top: 12px;
		position: relative;
	}

	.textCollapse .toggle-btn {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		background: linear-gradient(135deg, var(--mp-secondary-600) 0%, var(--mp-main-600) 100%);
		background:var(--mp-secondary-700);
		border: none;
		border-radius: 20px;
		padding: 4px 7px;
		font-size: 11px;
		cursor: pointer;
		font-weight: 600;
		color: white;
		/*box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);*/
		transition: all 0.3s ease;
		position: relative;
		overflow: hidden;
		font-family: inherit;
	}

		.textCollapse .toggle-btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
			transition: left 0.5s ease;
		}

		.textCollapse .toggle-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
		}

			.textCollapse .toggle-btn:hover::before {
				left: 100%;
			}

		.textCollapse .toggle-btn:active {
			transform: translateY(0);
		}

	.textCollapse .btn-icon {
		transition: transform 0.3s ease;
	}

	.textCollapse.expanded .btn-icon {
		transform: rotate(180deg);
	}

	.textCollapse.expanded {
		background: #f8f9fa;
	}
.rotate180 {
	rotate: 180deg
}