/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
/**********************************************************************
 * BaseStyles.RightToLeft.css                                         *
 *                                                                    *
 * This file contains the styles for Right to Left languages.         *
 * This file will be copied to BaseStyles.css if you select a RTL     *
 * language as the primary language of your application.              *
 *                                                                    *
 * Do not modify this file.  To override any of the styles, please    *
 * modify the Styles.css file.                                        *
 *                                                                    *
 **********************************************************************/

HTML { /* language direction flow of content on page */
	direction: rtl;
	}

/**************************MY CODES************************************/
table{
	width: 100%;
}
/*----------------Public CODES************************************/
div[style*="position:absolute; padding:30px"] {
  position: fixed !important;
  top: 20px;
  right: 20px;
  padding: 10px !important;
  z-index: 9999;
}
.hiddencontrol
{  /*کنترل مخفح میشود ولی در محاسبات اثر میگذارد و در ضمن سلول خذف نمیشود*/
	display: none;
}
@media print {  /*مخفی کردن کنترل ها هنگام چاپ*/
  .no-print {
    display: none !important;
  }
   .pcC {
    height: auto !important;  /*جلوگیری از چاپ صفحه اضافه سفید*/
  }
}
.signinuserpic
{
	/*padding-right:20px;*/
	text-align: center;
	
	
}
.lblRemainingCharge
{
	text-align: center;
	font-family: BNazanin;
	font-size:12px;
	font-weight: bold;
}

.CenterElement
{
    display: flex;
    justify-content: center;  /* وسط‌چین افقی */
    /*align-items: center;   وسط‌چین عمودی */
    /*height: 100vh;*/  /* پر کردن کل صفحه */
	/*position: relative;*/
}
.CenterElementVertical
{
    display: flex;
    /*justify-content: center;   وسط‌چین افقی */
    align-items: center;  /* وسط‌چین عمودی */
    height: 100vh;   /*پر کردن کل صفحه */
}

.NoTable100
{   /* اگر بخواهیم المانی 100 درصد نباشد*/
	display: inline-block; 
	width: auto
}
.NoneDisplayItem
{
	display: none;
}
.MyCell_ttc_Temp
{
	font-size: 14px;
	text-align: justify;
}
/*----------------------------------------------------------------*/
/*----------------signIn-------------*/
.SigninTopPadding
{
	margin-top: 100px;
}

/*------------------------------------*/
.Certificate_Container     /*Used in MasterPage*/
{
	background-color: #ffffff;
}
.Certificate_Details   /*Used in Certificates.ascx*/
{   
	text-align: center;
	/*display:flex;	گپ فقط در موارد flex/grid/inline-flex/inlinegrid کار میکند*/
    /*gap: 50px;  فاصله بین المان‌ها */
	/*padding-right: 50px;  جایگزین gap */
}
.Certificate_allimages_Container
{
	display: flex;
	gap: 20px; /* فاصله بین آیتم‌ها */
	justify-content: center; /* یا right, left بر اساس نیاز */
	align-items: center;
	margin-top: 0px;
}
.Certificate_img {
    filter: grayscale(100%);
    transition: 0.5s;
}
.Certificate_img:hover {
    transform: scale(1.1);
	filter: grayscale(0%);
}
/*=================================================*/
.SocialNetwork_img
{
    filter: grayscale(100%);
    transition: 0.5s;
}
.SocialNetwork_img:hover{
    transform: scale(1.1);
	filter: grayscale(0%);
}
.SocialNetwork_Container  /*Used in MasterPage*/
{

	/*background-color: red;*/
	
}
.SocialNetwork_Details   /*Used in SocialNetwork.ascx*/
{   
	text-align: center;	
	background-color: #1f3541;
	display: flex;
    gap: 5px; /* فاصله بین المان‌ها */
}
.SiteTempTableASCX
{
	background-color: transparent;
}
.mymap{
	text-align: center;
}
/*----------HomePageItems----------------------*/
.HomePageContent
{
	padding-left: 10%;

  /*display: inline-flex;
  justify-content: center;
  width: 100%; */
 /*display: flex;
    justify-content: center;  /* وسط‌چین افقی */
    /*align-items: center;   وسط‌چین عمودی */
    /*height: 100vh;*/  /* پر کردن کل صفحه */
}
.HomePageItemTable {
            width: 100%;
            margin: auto;
            border-collapse: collapse;
        }
 .HomePageItemTable td {
            border: 1px solid black;
            /*width: 200px; /* عرض هر ستون */
            height: 50px; /* ارتفاع هر سلول */
            text-align: center;
			font-family: BNazanin;
			font-size: 14px;
			font-weight: bold;
        }
/*===================end of HomePageItems======*/
/*=========DescriptionItems====================*/
.MyDescriptionImage1
{
	width:300px;
	float: Left; 
	margin-right: 15px;
	left: 50px;

}
/*=========end of DescriptionItems====================*/

/************************End Of MY CODES*******************************/

/**********************************************************************
 * Button Styles                                                      *
 **********************************************************************/
a.button_link, .thc a.button_link, .tic a.button_link, .ttc a.button_link { /* link text of buttons (including those within column headers and data grid) */ 
	color: #eeeeee;
	color: #000000; /*#707065*/
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	width: 100%;
	}

a.button_link:hover, .thc a.button_link:hover, .tic a.button_link:hover, .ttc a.button_link:hover { /* link text of buttons (including those within column headers and data grid) hover state */
	color: #ffffff;
	color: #54544b;
	text-decoration: none;
	}

.prbggo a.button_link { /* link text of buttons within pagination row */
	border: 0px;
	color: #000000; /*#707065*/
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	text-transform: none;
	}

.prbggo a.button_link:hover { /* link text of buttons within pagination row hover state */
	border: 0px;
	color: #000000; /*#707065*/
	padding-left: 0px;
	padding-right: 0px;
	}

.button-TL-white, .bTL { /* theme button top left edge */
	background-image:url(../../Images/New.buttonSilverTL.rtl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 4px;
	width: 5px;
	}
.button-T-white, .bT { /* theme button top center edge */
	background-image:url(../../Images/New.buttonSilverT.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 4px;
	}
.button-TR-white, .bTR { /* theme button top right edge */
	background-image:url(../../Images/New.buttonSilverTR.rtl.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 4px;
	width: 5px;
	}
.button-L-white, .bL { /* theme button left middle edge */
	background-image:url(../../Images/New.buttonSilverL.rtl.png);
	background-position: center left;
	background-repeat: repeat-y;
	height: 12px;
	width: 5px;
	}
.button-white, .bC { /* theme button center */
	background-image:url(../../Images/New.buttonSilverC.png);
	height: 12px; 
	white-space: nowrap;
	
	}
.button-R-white, .bR { /* theme button right middle edge */
	background-image:url(../../Images/New.buttonSilverR.rtl.png);
	background-position: center right;
	background-repeat: repeat-y;
	height: 12px; 
	width: 5px;
	}
.button-BL-white, .bBL { /* theme button bottom left edge */
	background-image:url(../../Images/New.buttonSilverBL.rtl.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 4px;
	width: 5px;
	}
.button-B-white, .bB { /* theme button bottom center edge */
	background-image:url(../../Images/New.buttonSilverB.png);
	background-position: top center;
	background-repeat: repeat-x;
	height: 4px;
	}
.button-BR-white, .bBR { /* theme button bottom right edge */
	background-image:url(../../Images/New.buttonSilverBR.rtl.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 4px;
	width: 5px;
	}


/**********************************************************************
 * Multi-level Menu Styles                                            *
 **********************************************************************/
.MLMmenuAlign { /* horizontal menu container alignment */
	padding-bottom: 6px;
	padding-top: 6px;
	}

.MLMmenu { /* horizontal menu container */
	}

.MLMmenusub { /* horizontal submenu container (menu leaves) */
	border: 1px solid #dbdbd7;
    z-index: 100;
	
 
	}

.MLMmC { /* horizontal menu item link text */
	color: #000000; /*#000000; /*#707065*/
	cursor: pointer !important;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-transform: none;
	}

.MLMmoC:hover, .MLMmoC:hover a, .MLMmoC { /* horizontal menu item link text hover state */
	background-color: black; /*#a37002;*/
	color: #ffffff;
	border-radius: 5px;

	}

.MLMsubmC { /* horizontal submenu item link text */
	background-color: #ffffff;/*#d9dcdf;*/
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 15px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: none; /*uppercase;lowercase;capitalize;none;full-width*/
	
	
	}

.MLMsubmoC { /* horizontal submenu item link text hover state */
	background-color: rgb(180,200,220); /*#ffffff*/
	font-weight: bold; /*mohammad*/
	}

.MLMmbbg { /* horizontal menu bottom trim */
	}

.MLMmenuVAlign { /* vertical menu container alignment */
	padding-left: 6px;
	padding-right: 6px;
	
	}
.MLMmenuV { /* vertical menu container */
	position: relative;
	width: 250px;
	}

.MLMmenuVsub { /* vertical submenu container */
	border: 1px solid #dbdbd7;
	z-index: 100;
	}

.MLMmvC { /* vertical menu item link text */
	color: #000000; /*#000000; /*#707065*/*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-transform: none;
	}

.MLMmvC:hover, .MLMmvC:hover a, .MLMmvoC { /* vertical menu item link text hover state */
	color: #333333;
	background-color: #f7ab07/*;#d9dcdf;*/
	/* background-image: url(../../Images/MyImages/MenuIcon/Home2.png);*/
	}

.MLMsubmvC { /* vertical submenu item link text */
	background-color: #d9dcdf;
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 15px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	text-transform: none;
	}

.MLMsubmvoC { /* vertical submenu item link text hover state */
	background-color: #ffffff;
	}

.MLMmveTL { /* vertical menu top left edge */
	}

.MLMmveT { /* vertical menu top center edge */
	}

.MLMmveTR { /* vertical menu top right edge */
	}

.MLMmveBL { /* vertical menu bottom left edge */
	}

.MLMmveB { /* vertical menu bottom center edge */
	}

.MLMmveBR { /* vertical menu bottom right edge */
	}


/**********************************************************************
 * Classic Menu Styles                                                *
 **********************************************************************/
.menus { /* horizontal menu container */
	padding-bottom: 6px;
	padding-top: 6px;
	}

.menusV { /* vertical menu container */
	padding-left: 5px;
	padding-right: 5px;
	}

.menu { /* horizontal/vertical menu item text */
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	}
	
a.menu { /* horizontal/vertical menu item link text */
	color: #000000; /*#707065*/
	width: 100%;
	}

a.menu:hover { /* horizontal/vertical menu item link text hover state */
	color: #333333;
	}

.menu_on-TL, .moTL { /* horizontal menu highlighted item top right edge */
	}
.menu_on-T, .moT { /* horizontal menu highlighted item top center edge */
	}
.menu_on-TR, .moTR { /* horizontal menu highlighted item top right edge */
	}
.menu_on-L, .moL { /* horizontal menu highlighted item left middle edge */
	}
.menu_on, .moC { /* horizontal menu highlighted item center */
	background-color: #d9dcdf;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	white-space: nowrap;
	width: 100%;
	}
.menu_on-R, .moR { /* horizontal menu highlighted item right middle edge */
	}
.menu_on-BL, .moBL { /* horizontal menu highlighted item bottom left edge */
	}
.menu_on-B, .moB { /* horizontal menu highlighted item bottom center edge */
	}
.menu_on-BR, .moBR { /* horizontal menu highlighted item bottom right edge */
	}

.menu_on a, .moC a { /* horizontal menu highlighted item link text */
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	}

.menu_off-TL, .mTL { /* horizontal menu item top right edge */ 
	}
.menu_off-T, .mT { /* horizontal menu item top center edge */
	}
.menu_off-TR, .mTR { /* horizontal menu item top right edge */
	}
.menu_off-L, .mL { /* horizontal menu item left middle edge */
	}
.menu_off, .mC { /* horizontal menu item center */
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	white-space: nowrap;	
	width: 100%;
	}
.menu_off-R, .mR { /* horizontal menu item right middle edge */
	}
.menu_off-BL, .mBL { /* horizontal menu item bottom left edge */
	}
.menu_off-B, .mB { /* horizontal menu item bottom center edge */
	}
.menu_off-BR, .mBR { /* horizotnal menu item bottom right edge */
	}

.menuEdgeL, .mel { /* horizontal menu container left edge */
	}

.menuEdgeR, .mer { /* horizontal menu container right edge */
	}

.menu_bot_bg, .mbbg { /* horizontal menu bottom trim */  
	}

.menuVerticalOverTL, .mvoTL { /* vertical menu highlighted item top right edge */
	}
.menuVerticalOverT, .mvoT { /* vertical menu highlighted item top center edge */
	}
.menuVerticalOverTR, .mvoTR { /* vertical menu highlighted item top right edge */
	}
.menuVerticalOverL, .mvoL { /* vertical menu highlighted item left middle edge */
	}
.menuVerticalOverC, .mvoC { /* vertical menu highlighted item center */
	background-color: #d9dcdf;
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 8px;
	text-transform: none;
	white-space: nowrap;
	width: 100%;
	}
.menuVerticalOverR, .mvoR { /* vertical menu highlighted item right middle edge */
	}
.menuVerticalOverBL, .mvoBL { /* vertical menu highlighted item bottom left edge */
	}
.menuVerticalOverB, .mvoB { /* vertical menu highlighted item bottom center edge */
	}
.menuVerticalOverBR, .mvoBR { /* vertical menu highlighted item bottom right edge */
	}

.menuVerticalOverC a, .mvoC a { /* vertical menu highlighted item link text */
	color: #333333;
	font-family: BNazanin;
	font-size: 15px;
	text-decoration: none;
	text-transform: none;
	}

.menuVerticalOverC a:hover, .mvoC a:hover { /* vertical menu highlighted item link text hover state */
	color: #333333;
	}

.menuVerticalTL, .mvTL { /* vertical menu item top left edge */
	}
.menuVerticalT, .mvT { /* vertical menu item top center edge */
	}
.menuVerticalTR, .mvTR { /* vertical menu item top right edge */
	}
.menuVerticalL, .mvL { /* vertical menu item left middle edge */
	}
.menuVerticalC, .mvC { /* vertical menu item center */
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 8px;
	white-space: nowrap;
	width: 100%;
	}
.menuVerticalR, .mvR { /* vertical menu item right middle edge */
	}
.menuVerticalBL, .mvBL { /* vertical menu item bottom left edge */
	}
.menuVerticalB, .mvB { /* vertical menu item bottom center edge */
	}
.menuVerticalBR, .mvBR { /* vertical menu item bottom right edge */
	}

.menuVerticalC a, .mvC a { /* vertical menu item link text */
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	}

.menuVerticalC a:hover, .mvC a:hover { /* vertical menu item link text hover state */
	color: #333333;
	}


/**********************************************************************
 * Tab Control Styles                                                 *
 **********************************************************************/
.ajax__tab_xp { /* tab container alignment */
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: right;
	}

.pContent .ajax__tab_xp .ajax__tab_body { /* tab container */
	margin: 0px;
	padding: 0px;
	}

.ajax__tab_xp .dialog_view, .ajax__tab_xp .dv { /* panel container within tab container */
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	}

.ajax__tab_xp .dBody { /* panel content container (excludes panel header) within tab container */ 
	border: 0px;
	}

.ajax__tab_xp .tre { /* data grid container within tab container */
	}


/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBackground, .pBack { /* page content container */
	background-color: #d9dcdf;  /*217,220,223*/
	margin: 0px;
	width: 100%;
	height: 100vh;

	}


/**********************************************************************
 * AJAX Smooth Panel Update Styles                                    *
 **********************************************************************/
.ajaxUpdatePanel { /* AJAX smooth panel update screen overlay */
	background-color: #000000; /*#aaaaaa*/
	/* filter: alpha(opacity=10); */
	height: 1000px;
	opacity: 0.20;
	padding: 20px;
	position: absolute;
	width: 100%;
	}


/**********************************************************************
 * AJAX Modal Popup Control Styles                                    *
 **********************************************************************/
.modalPopup {
	background-color:#eeeeee;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Geneva, ms sans serif;
	font-size: 15px;
	height: 35px;
	padding: 10px; 
	position:absolute;
	text-align: center;
	top:-1000px;
	vertical-align: center;
	width: 200px;
	}


/**********************************************************************
 * Sign In Bar Styles                                                 *
 **********************************************************************/
.signInBar { /* sign in bar */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 15px;
	white-space: nowrap;
	text-align: center;
	}

.signInBarL { /* sign in bar left edge */
	}

.signInBar a, .signInBar input { /* sign in bar link text */
	color: #eeeeee;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.signInBar a:hover { /* sign in bar link text hover state */
	color: #ffffff;
	}

.signInBarStatus { /* sign in bar status message text */
	color: #ffffff; /*#cccccc;*/
	font-family: BNazanin;
	font-size: 15px;
	text-align: left;
	white-space: nowrap;
	}


/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.dialog_body, .dBody { /* panel content container (excludes panel header) */ 
	Background: transparent; /*Allx1.ir*/
	/*background-color: #ffffff;*/
	border: 0px solid #eeeeee;
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 15px;
	padding: 10px;
	text-align: right;
	
	}

.dBody2 { /* alternate panel content container (excludes panel header) */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 15px;
	text-align: right;
	}

.dBodyShowSelectRecordDivider { /* deprecated */
	background-color: #f1f3ec;
	}

.dialog_field_value, .dfv { /* panel field value text */
	font-family: BNazanin; 
	font-size: 15px;
	font-weight: bold; /*mohammad*/
	padding: 1px 4px 1px 4px;
	}

.dialog_header, .dh { /* panel header container */
	background-color: #f1f3ec;
	background-image: url(../../Images/New.dialogHeader.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 6px;
	padding-top: 6px;

	}

.dialogHeaderBackground, .dhb { /* panel header */
	}

.dialog_header_text, .dht { /* panel header title text */
	/*color: #333333;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;*/
	/*
	padding-bottom: 5px;
	padding-top: 6px;
	*/
	/*text-align: right;
	text-transform: uppercase;
	vertical-align: middle;*/
	  color: #333;
	  font-family: BMitra; /* "Tahoma", sans-serif;*/
	  font-size: 18px;
	  font-weight: bold;
	  text-align: right;
	  text-transform: uppercase;
	  vertical-align: middle;
	  padding: 8px 10px;
	  background-color: rgb(255, 255, 255); /* رنگ پس‌زمینه ملایم  #d2e4da=rgb(210, 228, 218);*/
	  border-radius: 0px;         /* گوشه‌های گرد */
	  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05); /* خط نازک زیر */
	}

.dialogHeaderEdgeL, .dhel { /* panel header left edge */
	}

.dialogHeaderEdgeR, .dher { /* panel header right edge */
	}

.dialogHeaderIcon, .dhi { /* panel header add/edit/show icon container */
	padding-top: 2px;
	vertical-align: middle;
	width: 0px;
	}

.dialogHeaderIconRecord, .dhir { /* record panel header add/edit/show icon container */
	padding-left: 10px;
	padding-right: 10px;
	}

.dialogHeaderExpandCollapseIcon, .dheci { /* panel header expand/collapse icon container */
	height: 14px;
	vertical-align: middle;
	width: 20px;
	}
  
.dialogHeaderPrintEmailIcon, .dhpei { /* panel header print/email icon container */
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	}
  
.dialogHeaderTotalRecordCount, .dhtrc { /* panel header total record count container */
	color: #222222;
	padding-right: 20px;
	padding-top: 2px;
	text-align: left;
	vertical-align: middle;
	}

.dialogHeaderTotalRecordCountText, .dhtrct { /* panel header total record count text */
	font-family: BNazanin;
	font-size: 15px;
	}

.dialog_view, .dv { /* panel container (includes panel header) */
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: right;
	width: 100%;
	}

.dv2 { /* nested panel container (includes panel header) */
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	width: 300px;
	}

.category, .c { /* category filter container */
	padding: 5px;
	}

.category_area, .ca { /* category filter */
	font-family: BNazanin;
	font-size: 15px;
	padding-bottom: 4px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.category_area A, .ca A { /* category filter link text */
	font-family: BNazanin;
	font-size: 15px;
	text-decoration: underline;
	}

.category_area A:hover, .ca A:hover { /* category filter link text hover state */
	text-decoration: underline;
	}

.subcategory_label, .scl { /* category filter label */
	font-family: BNazanin;
	font-size: 15px;
	font-weight: normal;
	padding-right: 4px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.subcategory SELECT, .sc SELECT { /* category filter drop-down list */
	font-family: BNazanin;
	font-size: 15px;
	}

.recordPanelButtonsAlignment, .rpbAlign { /* page buttons alignment */
	padding-bottom: 5px;
	/*allx1.ir--------------*/
	display: inline-block; 
	width: auto
	
	/*-----------------------*/
	}
    
.buttonPadding { /* page buttons padding */
	margin-left: 6px;
	}

.field_label, .fl { /* field label (on top) */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 4px 5px 4px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;	
	}

.field_label_on_side, .fls { /* field lable on side */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;	
	}

.field_value, .fv { /* field value */
	font-family: BNazanin;
	font-size: 15px;
	padding: 0px;
	
	}
.field_input_Indicator, .fi_Indicator { /* input textbox for Indicator (mohammad add) */
	font-family: BYekan;
	color: red;
	font-weight: bold; 
	font-size: 16px;
	height: 20px;  /*mohammad add*/
	}

.field_input, .fi { /* input textbox */
	font-family: BNazanin;
	font-weight: bold; /*mohammad add*/
	font-size: 15px;
	height: 20px;  /*mohammad add*/
	}
.field_input_english, .fi_english { /* input textbox ltr for english fields (mohammad add)*/
	font-family: Arial;
	font-size: 15px;
	height: 20px;  /*mohammad add*/
	text-align: left;
	width:370px;
	}

.filter_value, .filv { /* filter value */
	padding: 2px;
	}

.filter_button_cell, .filbc { /* filter button container */
	padding-bottom: 1px;
	padding-right: 9px;
	vertical-align: bottom;
	display: inline-block;
	width: auto;
	}

.Filter_Input, .fili { /* filter drop-down list */
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #eeeeee solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;
	font-family: BNazanin;
	font-size: 15px;
	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 2px;
	
	height: 25px;/*mohammad*/
	padding-right:5px;
	
	}

.filter_area, .fila { /* filter label */
	font-family: BNazanin;
	font-size: 15px;
	padding: 4px 7px 4px 7px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;	
	}
	
.search_area, .sa { /* search area container */
	font-family: BNazanin;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	}

.search_label, .sl { /* search label */
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.Search_Input, .si { /* search textbox */
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #eeeeee solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;
	font-family: BNazanin;
	font-size: 15px;
	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 2px;
	/*mohammad*/
	height: 20px;
	} 

.Search_InputHint { /* style for "search for..." text inside search textbox */
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #eeeeee solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;
	color: #999999;
	font-family: BNazanin;
	font-size: 15px;
	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 2px;
	/*mohammad*/
	height: 20px;


	} 

.rangeFilterText, .rft { /* range filter label */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 15px;
	font-weight: normal;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	text-transform: none;
	}


/**********************************************************************
 * Pagination Styles                                                  *
 **********************************************************************/
.button_bar_cell, .prbbc { /* button bar button container */
	padding-bottom: 3px;
	vertical-align: bottom;
	}

.prspace { /* pagination short buttons and navigation sections spacing */
	padding-bottom: 3px;
	vertical-align: bottom;
	width: 100%;
	}

.prbggo { /* pagination row "go" button container */
	background-image:url(../../Images/ButtonBarBackground.gif); 
	background-repeat: repeat-x;
	}

.prbg { /* pagination row button container */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 15px;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
	}

.pagination_area, .pra { /* pagination row container */
	font-family: BNazanin;
	font-size: 15px;
	padding-bottom: 3px;
	vertical-align: bottom;
	white-space: nowrap;	
	width: 100%;
	}

.tv { /* deprecated */
	width: 100%;
	}

.pagination_label, .prl { /* pagination row label */
	font-family: BNazanin;
	font-size: 15px;
	padding: 2px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.pagination_value, .prv { /* pagination row value */
	font-family: BNazanin;
	font-size: 15px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.Pagination_Input, .pri { /* pagination row input textbox */
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #eeeeee solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;
	font-family: BNazanin;
	font-size: 15px;
	}

.pagination_row, .pr { /* button bar/pagination row container */
	background-color: #f1f3ec;
	color: #000000; /*#707065*/
	height: 30px;
	padding-top: 4px;
	vertical-align: middle;
	width: 100%;

	border-bottom: 0px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;

	}

.paginationRowEdgeL, .prel { /* button bar/pagination row left edge */
	}

.paginationRowEdgeR, .prer { /* button bar/pagination row right edge */
	}

.paginationButtonFirst, .prbf { /* pagination row first page button */
	background-image:url(../../Images/arrow_beg.gif);
	background-repeat: no-repeat;
	height: 18px; 
	width: 22px;
	}

.paginationButtonPrevious, .prbp { /* pagination row previous page button */
	background-image:url(../../Images/arrow_left.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 17px;
	}

.paginationButtonNext, .prbn { /* pagination row next page button */
	background-image:url(../../Images/arrow_right.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 17px;
	}

.paginationButtonLast, .prbl { /* pagination row last page button */
	background-image:url(../../Images/arrow_end.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 22px;
	} 


/**********************************************************************
 * Table Rows Styles                                                  *
 **********************************************************************/ 
.header_cell, .header_cell_scrolling, .thc, .thcs, .thcwb { /* column header container (above select checkbox) */
	background-color: #f6f8f0;
	color: #000000; /*#aaaaaa*/
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: right;
	vertical-align: top;
	/*allx1.ir*/
	border-bottom: 1px #636563 solid;
	border-left: 0px #636563 solid;
	border-right: 1px #636563 solid;
	border-top: 0px #636563 solid;
	/*--------*/
	}
.thcnb{
	background-color: #f6f8f0;
	color: red;
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	vertical-align: top;
	/*allx1.ir*/
	border-bottom: 1px #636563 solid;
	border-left: 0px #636563 solid;
	border-right: 0px #636563 solid;
	border-top: 0px #636563 solid;
	/*---------*/
}
.my_thcnb /*allx1.ir*/
{
	border-width:0px 0px 0px 0px;
	border-style:solid
}
.my_thcnb_SocialNetworl  /*allx1.ir*/
{
	background-color:#1F3541;
	color:White;
	border-width:0px 0px 0px 0px;
	border-style:solid
}

.header_cell_empty, .thce { /* column header container (when no column header text is present) */
	background-image:url(../../Images/headerCell.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	}

.column_header, .tch { /* column header text */
	color: #000000; /*#aaaaaa*/
	font-family: BNazanin;
	font-size: 15px;
	}

.column_header A, .column_header_scrolling A, .tch A, .tchs A { /* column header link text */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 15px;
	text-decoration: none;
	} 
	
.column_header A:hover, .column_header_scrolling A:hover, .tch A:hover, .tchs A:hover { /* column header link text hover state */
	color: #54544b;
	}

.column_header_scrolling, .tchs { /* column header (in scrolling table) link text */
	font-weight: bold;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #aaaaaa solid;
	}

.columnHeaderFilterPadding, .tchfilp { /* above column filter container */
	padding-top: 4px;
	}

.columnHeaderFilterPadding A, .tchfilp A { /* above column filter link text */
	text-decoration: none;
	}

.columnHeaderFilterPadding A:hover, .tchfilp A:hover { /* above column filter link text hover state */
	text-decoration: none;
	}

.icon_cell, .alt_icon_cell, .tic, .taic { /* deprecated: data grid row button container */
	background-color: #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.icon_cell_highlighted, .alt_icon_cell_highlighted, .tich, .taich { /* deprecated: data grid row button container highlighted state */
	background-color: #f1f3ec;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.icon_cell_selected, .tics { /* deprecated: data grid row button container selected state */
	background-color: #437493;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.ticnb { /* data grid row button container */
	background-color: #ffffff;
	padding-left: 1px;
	padding-top: 5px;
	vertical-align: top;
	width: 0px;
	/*allx1.ir*/
	/*border: 1px solid #636563; /*rgb(99,101,99)*/*/
	border-bottom: 1px #636563 solid;
	border-left: 0px #555555 solid;
	border-right: 0px #555555 solid;
	border-top: 0px #555555 solid;
	/*--------*/
	}

.tichnb { /* data grid row button container highlighted state */
	background-color: #f1f3ec;
	padding-left: 1px;
	padding-top: 5px;
	vertical-align: top;
	width: 0px;
	}

.ticsnb { /* data grid row button container selected state */
	background-color: #437493;
	padding-left: 1px;
	padding-top: 5px;
	vertical-align: top;
	width: 0px;
	}
	
.ticwb { /* data grid select checkbox container */
	background-color: #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	/*allx1.ir*/
	border-bottom: 1px #636563 solid;
	border-left: 0px #555555 solid;
	border-right: 1px #555555 solid;
	border-top: 0px #555555 solid;
	/*--------*/
	}

.tichwb { /* data grid select checkbox container highlighted state */
	background-color: #f1f3ec;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.ticswb { /* data grid select checkbox container selected state */
	background-color: #437493;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.tichb { /* data grid right-most row button container (when no select checkbox is present) */
	background-color: #ffffff;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.tichhb { /* data grid right-most row button container (when no select checkbox is present) highlighted state */
	background-color: #f1f3ec;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}

.ticshb { /* data grid right-most row button container (when no select checkbox is present) selected state */
	background-color: #437493;
	padding-top: 3px;
	vertical-align: top;
	width: 0px;
	}
			
.icon_cell_empty, .tice { /* data grid row button container (when no row button is present) */
	background-color: #ffffff;
	width: 0px;
	}

.icon_cell_highlighted_empty, .tiche { /* data grid row button container (when no row button is present) highlighted state */
	background-color: #f1f3ec;
	width: 0px;
	}

.icon_cell_selected_empty, .ticse { /* data grid row button container (when no row button is present) selected state */
	background-color: #437493;
	width: 0px;
	}
	
.table_cell, .alt_table_cell, .ttc, .tatc { /* data grid data container */
	background-color: #ffffff;
/*	border: 1px solid #636563; /*rgb(99,101,99)*/
	border-bottom: 1px #636563 solid;
	border-left: 0px #636563 solid;
	border-right: 1px #636563 solid;
	border-top: 0px #636563 solid;

	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	vertical-align: top;
	text-align: right;
	}
.ttc_english /*mohammad add*/
{
	font-family: Arial;
	font-size: 15px;
	text-align: left;
	direction: ltr;
}
.white_space
{
	white-space: nowrap;
}
.table_cell_highlighted, .alt_table_cell_highlighted, .ttch, .tatch { /* data grid data container highlighted state */
	background-color: #f1f3ec;
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	vertical-align: top;
	text-align: right;
	}

.table_cell_selected, .ttcs { /* data grid data container selected state */
	background-color: #437493;
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	vertical-align: top;
	text-align: right;
	}

.ttc a, .tatc a, .ttch a, .tatch a, .ttcs a, .dfv a, .dialog_field_value a { /* data grid data link text */
	color: #000000; /*#707065*/
	}

.ttc a:hover, .tatc a:hover, .ttch a:hover, .tatch a:hover, .ttcs a:hover, .dfv a:hover, .dialog_field_value a:hover { /* data grid data link text hover state */
	color: #54544b;
	}

.ttc .dv, .ttch .dv, .ttcs .dv { /* panel container nested within data grid */
	margin: 0px;
	padding: 0px;
	}

.ttc .ajax__tab_xp, .ttch .ajax__tab_xp, .ttcs .ajax__tab_xp { /* tab container nested within data grid */
	margin: 0px;
	padding: 0px;
	}

.totals_cell, .tpttc { /* data grid totals container */
	background-color: #ffffff;
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	text-align: right;
	vertical-align: top;
	width: 48px;
	}

.totals_cell_value, .tpttcv { /* data grid totals text */
	background-color: #ffffff;
	font-family: BNazanin;
	font-size: 15px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	}

.page_total_label, .tptl { /* data grid page totals label */
	font-family: BNazanin;
	font-size: 15px;
	padding-left: 20px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.page_total_value, .tptv { /* data grid page totals text */
	font-family: BNazanin;
	font-size: 15px;
	padding: 3px;
	}

.grand_total_label, .tgtl { /* data grid grand total label */
	font-family: BNazanin;
	font-size: 15px;
	padding-right: 20px;
	vertical-align: middle;
	white-space: nowrap;	
	}

.grand_total_value, .tgtv { /* data grid grand total text */
	font-family: BNazanin;
	font-size: 15px;
	font-weight: normal;
	padding: 3px;
	}

.tableRowsEdge, .tre { /* data grid container */
	/* background-color: #999999; */
	border-bottom: 0px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;

	}


/**********************************************************************
 * Scrolling Table Styles                                             *
 **********************************************************************/
div.tableContainer { /* scrolling table container */
	clear: both;
	height: 285px;  /* defines scrolling region height */
	overflow: auto; /* enables scroll bar */

	}

div.tableContainer table { /* data grid container of scrolling table */
	width: 97%; /* defines data region width (provide room for scroll bar) */
	}

thead.fixedHeader tr { /* fixed column header of data grid */
	background-color: #ffffff; /* obscures data behind headers */
	position: relative; 	   /* fixes headers in place */
	}

.scrollContent { /* data grid (excludes fixed column header) within scrolling table */
	display: block;
	}

thead.fixedHeader td.button-white { /* theme button container within scrolling table column header */
	white-space: nowrap;
	width: 0%;
	}

thead.fixedHeader table { /* deprecated */
	width: 0%;
	}


/**********************************************************************
 * Auto Type Ahead (Interactive Search) Styles                        * 
 **********************************************************************/
.autotypeahead_completionListElement { /* textbox value */   
	background-color: #ffffff;
	border-bottom: 1px #555555 solid;
	border-left: 1px #555555 solid;
	border-right: 1px #555555 solid;
	border-top: 1px #555555 solid;
	height: 98px;
	list-style-type: none;
	margin: 0px;
	overflow: auto;
	padding: 0px;
	visibility: hidden;
	}

.autotypeahead_highlightedListItem { /* highlighted list item */
	background-color: #f1f3ec;
	font-family: BNazanin;
	font-size: 15px;
	padding-bottom: 1px; 
	}

.autotypeahead_listItem { /* list item */
	font-family: BNazanin;
	font-size: 15px;
	padding-bottom: 1px; 
	}


/**********************************************************************
 * AJAX Calendar Styles                                               *
 **********************************************************************/
.MyCalendar .ajax__calendar_container { /* AJAX calendar container */
	background-color: #ffffff;
	border: 1px solid #636563; /*rgb(99,101,99)*/
	color: #000000;
	z-index: 20;
	}

.MyCalendar .ajax__calendar_day { /* AJAX calendar non-current day container */ 
	border: 1px solid #ffffff;
	}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { /* AJAX calendar non-current month day/year container */
	border: 1px solid #ffffff;
	color: #636563; /*rgb(99,101,99)*/
	}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year { /* AJAX calendar day/month/year hover state */
	background-color: #effbff;
	border: 1px solid #def3ff;
	color: #0065ce;
	}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year { /* AJAX calendar current day/month/year container */
	background-color: #effbff;
	border: 1px solid #0065ce;
	color: #0065ce;
	}


/**********************************************************************
 * Info Panel Styles                                                  *
 **********************************************************************/
.panelInformationDisplayWithImage { /* information panel (with image) container */
	}

.panelInformationDisplayWithImage_ImageArea { /* information panel (with image) image container */
	padding: 10px 10px 10px 16px;
	}

.panelInformationDisplayWithImage_InfoArea { /* information panel (with image) info container */
	font-family: BNazanin;
	font-size: 15px;
	vertical-align: middle;
	}

.panelInformationDisplayWithImage_InfoTitle { /* information panel (with image) info title text */
	color: #777777;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	white-space: nowrap;	
	}

.panelInformationDisplayWithImage_InfoDetails { /* information panel (with image) info details text */
	font-family: BNazanin;
	font-size: 15px;
	padding-left: 16px;
	white-space: nowrap;
	}

.panelInformationDisplay { /* information panel container */
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	}

.panelInformationDisplay_InfoArea { /* information panel info container */
	padding: 10px;
	}

.panelInformationDisplay_InfoTitle { /* information panel info title text */
	color: #777777;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;	
	}

.panelInformationDisplay_InfoDetails { /* information panel info details text */
	font-family: BNazanin;
	font-size: 15px;
	text-align: center;
	white-space: nowrap;
	} 


/**********************************************************************
 * Configuration/Error Page Styles                                    *
 **********************************************************************/
.configureErrorPagesText { /* configure/error page body text */
	color: #333333;
	font-family: BNazanin;
	font-size: 15px;
	}
	

/**********************************************************************
 * Section 508 Compliance Styles                                      *
 **********************************************************************/
.skipNavigationLinks { /* skip navigation links container*/
	font-family: BNazanin;
	color: #000000; /*#aaaaaa*/
	font-size: 15px;
	}
	

/**********************************************************************
 * Detail Rollover Popup Styles                                       *
 **********************************************************************/
.detailRolloverPopup { /* detail rollover popup container */
	position: absolute;
	visibility: visible;
	z-index: 2;
	}

.detailRolloverTitle { /* detail rollover popup title */
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-top: 6px;
	vertical-align: middle;
	width: 100%;
	}

.detailRolloverPopupCloseButtonAlignment { /* detail rollover popup close button container */
	padding-top: 26px;
	}

.detailRolloverTL { /* detail rollover popup top left edge */
	background-image:url(../../Images/detailRolloverTL.rtl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 57px;
	width: 65px;
	}

.detailRolloverT { /* detail rollover popup top center edge */
	background-image:url(../../Images/detailRolloverT.rtl.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 57px;
	}

.detailRolloverTR { /* detail rollover popup top right edge */
	background-image:url(../../Images/detailRolloverTR.rtl.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 57px;
	width: 65px;
	}

.detailRolloverL { /* detail rollover popup left middle edge */
	background-image:url(../../Images/detailRolloverL.rtl.png);
	background-position: center left;
	background-repeat: repeat-y;
	width: 65px;
	}

.detailRolloverC { /* detail rollover popup center */
	background-image:url(../../Images/detailRolloverC.rtl.png);
	font-family: BNazanin;
	font-size: 15px;
	}

.detailRolloverR { /* detail rollover popup right middle edge */
	background-image:url(../../Images/detailRolloverR.rtl.png);
	background-position: center right;
	background-repeat: repeat-y;
	width: 65px;
	}

.detailRolloverBL { /* detail rollover popup bottom left edge */
	background-image:url(../../Images/detailRolloverBL.rtl.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 29px;
	width: 65px;
	}

.detailRolloverB { /* detail rollover popup bottom center edge */
	background-image:url(../../Images/detailRolloverB.rtl.png);
	background-position: top center;
	background-repeat: repeat-x;
	height: 29px;
	}

.detailRolloverBR { /* detail rollover popup bottom right edge */
	background-image:url(../../Images/detailRolloverBR.rtl.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 29px;
	width: 65px;
	}


/**********************************************************************
 **********************************************************************
 * Migration-Only Styles                                              *
 *                                                                    *
 * The following styles have been deprecated in the latest release,   *
 * but may still be needed in migrated applications.                  *
 **********************************************************************
 **********************************************************************/

/**********************************************************************
 * Page Center Styles                                                 *
 **********************************************************************/
.pcTable { /* contents of page container */
	

	}

.pcTL { /* page container top left edge */

	}

.pcT { /* page container top center edge (header container) */
	background-color: #1f3541;
	background-image: url(../../Images/New.pcmC.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	/*height: 123px;*/
	padding-bottom: 10px;
	vertical-align: top;
	
	}
.pcTR { /* page container top right edge */
	
	}

.pcmL {
	background-color: #437493;/*#437493;*/
	background-image: url(../../Images/New.pcL.gif);  /*picture customized. Main pic Save in Backup Customize Images*/
	background-position: left center;
	background-repeat: repeat-y;
	
	}

.pcmC {   /*VerticatMenu.master/MenuH*/
	background-color: white; /*#f7ab07; /* #437493;*/
	padding-right: 10px;
	padding-left:10px;
	top:130px;
	width: 810px;
	
    position: absolute;
    left: 50%;   /*وقتی صفحه کوچک و بزرگ میشود تاثیر میگذارد*/
    transform: translate(-50%, -50%);  /*وسط بودن را تنظیم میکند*/
	border-radius: 20px;
	z-index:10000;
}   
	

.pcmR {
	background-color: #437493;/*#437493;*/
	
	}

.pcL { /* page container left middle edge (vertical menu container) */
	background-image: url(../../Images/New.pcL.gif); /*picture customized. Main pic Save in Backup Customize Images*/
	background-position: left center;
	background-repeat: repeat-y;
	background-color: #437493;
	padding-right: 1px;
	padding-top: 0px;
	vertical-align: top;
	width: 1px;
	
	}

.pcC { /* page container center (contents of page container) */
	background:#f9f9f9 url(../../Images/MyImages/HoverEffects/OriginalHoverEffects/images/white_texture.jpg) repeat top left;   /*ALLx1.ir*/
	/*background-color: #ffffff;*/
	vertical-align: top;
	width: 100%;
	height: 100vh;  /*allx1.ir*/
	text-align: center;
	padding-top: 0px;
	}

.pcR { /* page container right middle edge */
	/*background-color: #f8f8f5;*/
	/*------allx1.ir-------*/
	background-image: url(../../Images/New.pcL.gif); /*picture customized. Main pic Save in Backup Customize Images*/
	background-position: right center;
	background-repeat: repeat-y;
	background-color: #437493; /*rgb(234,234,234)*/
	padding-right: 1px;
	padding-top: 0px;
	vertical-align: top;
	width: 1px;
	/*------ end of allx1.ir-------*/
	}
.pcm{  /*allx1.ir*/
	background-color: #437493; /*rgb(234,234,234)*/
	vertical-align: top;
	width: 100%;
	height: 20px;
	}

.pcBL { /* page container bottom left edge */
	background-color: #437493;
	background-image: url(../../Images/New.pcL.gif); /*picture customized. Main pic Save in Backup Customize Images*/
	background-position: center left;
	background-repeat: repeat-y;
	border-bottom: 1px solid #e0e0dd;
	
	}

.pcB { /* page container bottom center edge (footer container) */
/*	background-color: #f8f8f5;
	background-color: #ffffff;
	background-image: url(../../Images/New.pcB.png);
	background-position: center bottom;
	background-repeat: repeat-x;*/
	/* width: 1000px; */
	background-color: #1f3541;
	background-image: url(../../Images/New.pcmC.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 55px;
	padding-bottom: 0px;
	vertical-align: top;
	text-align: Center;
	
	}

.pcBR { /* page container bottom right edge */
	background-color: #437493;    /*rgb(234,234,234)*/
	background-image: url(../../Images/New.pcB.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #e0e0dd;
	
	}


/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBorderTL, .pbTL { /* page border top left edge */
	}
.pageBorderT, .pbT { /* page border top center edge */
	}
.pageBorderTR, .pbTR { /* page border top right edge */
	}
.pageBorderL, .pbL { /* page border left middle edge */
	}
.pageBorderC, .pbC { /* page border center */
	vertical-align: top;
	}
.pageBorderR, .pbR { /* page border right middle edge */
	}
.pageBorderBL, .pbBL { /* page border bottom left edge */
	}
.pageBorderB, .pbB { /* page border bottom center edge */
	}
.pageBorderBR, .pbBR { /* page border bottom right edge */
	}

.page_yellow, .pContent { /* page content container */
	background-color: #ffffff;
	height: 30px;
	text-align: right;
	}

.pageAlignment, .pAlign { /* page content container alignment */
	vertical-align: top;
	}

.borderTable, .pbTable { /* page content container */
	width: 100%;
	}

.divider { /* deprecated */ 
	}

.footer { /* footer content container */
	color: #ffffff; /*#aaaaaa*/
	font-family: BNazanin;
	font-size: 16px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 6px;
	width: 100%;
	/*direction: ltr;*/
	}

.logoBG { /* logo image container */
	
	height: 123px;
	/*padding-top: 40px; /*mohammad add this*/
	/*padding-left: 20px; /*mohammad add this*/
}
.headersecurity
{
	padding-right: 20px;
	min-width: 145px;
	text-align: center;
}
.persiadatetimeheader
{
	color: #ffffff;
	font-family: BYekan;
	font-size: 15px;
	font-weight: bold;
	
}
.logoimage
{
	padding-left:20px;	
}
/**********************************************************************
 * Panel Body Styles                                                  *
 **********************************************************************/
.dialogHeaderTextRecord, .dhtr { /* record panel header title text */
	color: #222222;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-top: 6px;
	text-transform: uppercase;
	}

/**********************************************************************
 * Date Selector Styles                                               *
 **********************************************************************/
.dsTodayDay { /* current day container */
	background-color: #eeeeee; 
	}

.dsDayHeader { /* day of week header container */
	background-color: #eeeeee; 
	color: #000000; /*#666666*/
	font-size: 15px;
	padding: 6px;
	}

.dsSelectedDay { /* selected day container */
	padding: 6px;
	}

.dsTitle { /* title */
	background-color: #ffffff;
	color: #000000; /*#666666*/
	font-weight: bold;
	}

.dsWeekendDay { /* weekend day container */
	background-color: #ffffff; 
	padding: 6px;
	}

.dsOtherMonthDay { /* non-current month/day container */
	background-color: #ffffff; 
	padding: 6px;
	}

.dsDay a, .dsTodayDay a, .dsSelectedDay a, .dsWeekendDay a, .dsOtherMonthDay a { /* day link text */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 15px;
	}


/**********************************************************************
 * JavaScript Date Selector Styles                                    *
 **********************************************************************/
.dpTable { /* date selector container */
	background-color: #ffffff;
	border: 1px solid #000000; /*#aaaaaa*/
	color: #333333;
	}

.dpTD { /* date selector non-current-month day container */
	border: 1px solid #000000; /*#aaaaaa*/
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
	}

.dpDayHighlightTD { /* date selector current day container */
	border: 1px solid #000000; /*#aaaaaa*/
	color: #0000ff;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
	}

.dpTDHover { /* date selector day container hover state */
	border: 1px solid #000000; /*#aaaaaa*/
	color: #0000ff;
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
	}

.dpDayTD { /* date selector day container */
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	}

.dpTitleText { /* date selector title text */
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
	vertical-align: middle;
	}

.dpDiv { /* deprecated */
	}

.dpTR { /* date selector week container */
	}

.dpTitleTR { /* date selector title text container */
	}

.dpDayTR { /* date selector day container */
	}


/**********************************************************************
 * Detail Rollover Popup Styles (for non-PNG-supporting IE6)          *
 **********************************************************************/
/*
.detailRolloverTL_noPNG {
	height: 57px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverTL.rtl.png');
	}

.detailRolloverT_noPNG {
	height: 57px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverT.rtl.png');
	}

.detailRolloverTR_noPNG {
	height: 57px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverTR.rtl.png');
	}

.detailRolloverL_noPNG {
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverL.rtl.png');
	}

.detailRolloverR_noPNG {
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverR.rtl.png');
	}

.detailRolloverBL_noPNG {
	height: 29px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverBL.rtl.png');
	}

.detailRolloverB_noPNG {
	height: 29px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverB.rtl.png');
	}

.detailRolloverBR_noPNG {
	height: 29px;
	width: 65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../Images/detailRolloverBR.rtl.png');
	}
*/


/**********************************************************************
 * Web Accordion Styles                                               * 
 **********************************************************************/
.accordionHeader { /* accordion header area */ 
	background-color: #f1f3ec;
	border: 1px solid #cccccc;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
	}

.accordionHeaderTitle { /* accordion header area title */
	color: #333333;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
   	vertical-align: middle;
	width: 100%;
	}


/**********************************************************************
 * Mobile Web Page Styles                                             * 
 **********************************************************************/
.mobileBase { /* mobile page default settings */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 3.0em;
	width: 100%;
	}

.mobileHeader { /* mobile header area */
	/*
	background-image: url(../../Images/MobileHeaderBackground.gif);
	background-position: center center;
	background-repeat: repeat-x;
	*/
	background-color: #1f3541;
	padding-left: 3%;
	padding-right: 3%;
	width: 100%;
	}

.mobileHeaderPagination { /* mobile header area */
	background-color: #f1f3ec;
	padding-left: 3%;
	padding-right: 3%;
	width: 100%;
	}

.mobileBody { /* mobile main content area */ 
	padding-bottom: 4%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2%;
	width: 100%;
	}

.mobileBodyNoPadding { /* mobile main content area (with padding removed) */
	padding: 0px;
	width: 100%;
	}

.mobileBodyText { /* mobile main content area default text styles */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 0.73em;
	}

.mobileHeaderLeft { /* mobile header area left button container */
	text-align: right;
	width: 10%;
	}

.mobileHeaderTitle { /* mobile header title area */
	color: #ffffff;
	font-family: BNazanin;
	font-size: 1.2em;
	padding-bottom: 4%;
	padding-top: 4%;
	text-align: center;
	}

.mobileFontAdjust90 { /* mobile font downscale to 90% original size (used in <span> tag around text to be adjusted) */
	font-size: 0.9em;
	}

.mobileFontAdjust80 { /* mobile font downscale to 80% original size (used in <span> tag around text to be adjusted) */
	font-size: 0.8em;
	}

.mobileFontAdjust70 { /* mobile font downscale to 70% original size (used in <span> tag around text to be adjusted) */ 
	font-size: 0.7em;
	}

.mobileFontAdjust60 { /* mobile font downscale to 60% original size (used in <span> tag around text to be adjusted) */
	font-size: 0.6em;
	}

.mobileHeaderOption { /* mobile header area icon button container */
	width: 16%
	}

.mobileHeaderRight { /* mobile header area right button container */
	text-align: left;
	width: 10%;
	}

.mobileSignInStatus {
	color: #ffffff;
	font-family: BNazanin;
	font-size: 0.6em;
	text-align: left;
	}

.mobileFilterArea { /* mobile header filter area */
	background-color: #eeeeee;
	}

.mobileFooter { /* mobile footer area */
	border-top: 2px solid #cccccc;
	color: #000000; /*#aaaaaa*/
	font-family: BNazanin;
	font-size: 0.6em;
	padding-bottom: 2%;
	padding-right: 3%;
	padding-top: 1%;
	width: 100%;
	}

.mobileMenu { /* mobile vertical menu item */
	/*
	background-image: url(../../Images/MobileMenuItemBackground.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	*/
	background-color: #437493;
	border-bottom: 2px solid #cccccc;
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 3%;
	padding-right: 3%;
	padding-top: 3%;
	text-transform: none;
	}

.mobileSubmenuContainer { /* submenu container (menu leaves) */
	border: 1px solid #dbdbd7;
	z-index: 100;
	}

.mobileSubmenu { /* mobile menu item submenu */
	background-color: #d9dcdf;
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 1.0em;
	padding: 1%;
	text-transform: none;
	}

.mobileMenuHorizontal { /* mobile horizontal menu item */
	/*
	background-image: url(../../Images/MobileMenuItemBackground.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	*/
	background-color: #437493;
	border-bottom: 1px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-top: 1px solid #cccccc; 
	color: #000000; /*#707065*/
	cursor: pointer !important;
	font-family: BNazanin;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 2%;
	padding-top: 2%;
	text-align: center;
	text-transform: none;
	}

a.mobileButtonLink:link, a.mobileButtonLink:visited, .mobileButtonLink { /* mobile theme button link text */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 0.87em;
	text-decoration: none;
	text-transform: uppercase;
	}

a.mobileLink:link, a.mobileLink:visited, .mobileLink { /* mobile link text */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 1.0em;
	text-decoration: underline;
	}

.mobileButtonTL { /* mobile theme button top left edge */
	background-image: url(../../Images/MobileButtonTL.rtl.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 14px;
	width: 15px;
	}
.mobileButtonT { /* mobile theme button top center edge */
	background-image: url(../../Images/MobileButtonT.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 14px;
	}
.mobileButtonTR { /* mobile theme button top right edge */
	background-image: url(../../Images/MobileButtonTR.rtl.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 12px;
	width: 14px;
	}
.mobileButtonL { /* mobile theme button left middle edge */
	background-image: url(../../Images/MobileButtonL.rtl.png);
	background-position: left center;
	background-repeat: repeat-x;
	height: 40px;
	width: 15px;
	}
.mobileButtonC { /* mobile theme button center */
	background-image: url(../../Images/MobileButtonC.png);
	background-position: center center;
	height: 66px;
	vertical-align: middle;
	white-space: nowrap;
	}
.mobileButtonR { /* mobile theme button right middle edge */
	background-image: url(../../Images/MobileButtonR.rtl.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 40px; 
	width: 12px;
	}
.mobileButtonBL { /* mobile theme button bottom left edge */
	background-image: url(../../Images/MobileButtonBL.rtl.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	}
.mobileButtonB { /* mobile theme button bottom center edge */
	background-image: url(../../Images/MobileButtonB.png);
	background-position: center top;
	background-repeat: repeat-x;
	height: 12px;
	}
.mobileButtonBR { /* mobile theme button bottom right edge */
	background-image: url(../../Images/MobileButtonBR.rtl.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	}

.mobileTableCellTitle { /* mobile show table cell title */
	font-size: 1.8em;
	font-weight: bold;
	}

.mobileTableCell { /* mobile show table cell */
	border-bottom: 2px solid #cccccc;
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 0.6em;
	padding: 2%;
	}

.mobileChildTableContainer { /* mobile child table container */
	border: 2px solid #cccccc;
	margin-bottom: 2%;
	}

.mobileAccordionHeader { /* mobile accordion header area */ 
	/*
	background-image: url(../../Images/MobileHeaderBackground.gif);
	background-position: center center;
	background-repeat: repeat-x;
	*/
	background-color: #1f3541;
	font-family: BNazanin;
	padding-bottom: 2%;
	padding-right: 2%;
	padding-top: 2%;
	vertical-align: middle;
	}

.mobileAccordionHeaderTitle { /* mobile accordion header area title */
	color: #ffffff;
	font-family: BNazanin;
	font-size: 1.0em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	text-decoration: none;
	width: 100%;
	}

.mobileChildTableCellTitle { /* mobile show child table title */
	font-size: 1.8em;
	font-weight: bold;
	}

.mobileChildTableCell { /* mobile show child table cell */
	background-color: #efefef;
	border-bottom: 2px solid #b0bec7;
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 0.6em;
	padding: 2%;	
	}

.mobileRecordPanel { /* mobile record panel area */
	padding-bottom: 10%;
	}

.mobileFieldLabelOnTop { /* mobile record field label (above field value) */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 0.87em;
	padding-bottom: 1%;
	padding-top: 3%;
	}

.mobileFieldLabelOnRight { /* mobile record field label (to right of checkbox) */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 0.67em;
	padding-bottom: 2%;
	width: 100%;
	}

.mobileFieldLabelOnLeft { /* mobile record field label (checkbox) */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 0.67em;
	padding-bottom: 2%;
	}

.mobileFieldValueOnBottom { /* mobile record field value (below field label) */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 1.0em;
	padding-bottom: 2%;
	}

.mobileFieldInput { /* mobile input textbox */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 1.0em;
	}

textarea.mobileFieldInput { /* explicitly define width of mobile textarea (work-around for compressed textarea in Live Preview) */
	width: 86%;
	}

.mobileFilterInput { /* mobile drop-down list */
	color: #000000; /*#666666*/
	font-family: BNazanin;
	font-size: 1.0em;
	width: 86%;
	}

.mobilePaginationArea { /* mobile pagination area */
	}

.mobilePaginationAreaFirst { /* mobile pagination first button container */
	text-align: right;
	}

.mobilePaginationAreaPrevious { /* mobile pagination previous button container */
	text-align: left;
	}

.mobilePaginationAreaCurrentPage { /* mobile pagination current page text */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 1.0em;
	text-align: center;
	white-space: nowrap;
	width: 30%;
	}

.mobilePaginationAreaNext { /* mobile pagination next button container */
	text-align: right;
	}

.mobilePaginationAreaLast { /* mobile pagination last button container */
	text-align: left;
	}

.mobilePaginationAreaSize { /* mobile pagination page size container */
	}

.mobileCheckbox input, input.mobileCheckbox { /* mobile checkbox (accounts for <span> container around checkbox) */
	height: 50px;
	width: 50px;
	}

.mobileRadioButton input, input.mobileRadioButton { /* mobile radio button (accounts for <span> container around checkbox) */
	height: 50px;
	width: 50px;
	}

.MyCalendarMobile .ajax__calendar_container { /* mobile ajax calendar container */
	background-color: #ffffff;
	border: 1px solid #000000; /*#666666*/
	color: #000000; /*#666666*/
	height: 780px;
	width: 720px;
	z-index: 20;
	}

.MyCalendarMobile .ajax__calendar_body, .MyCalendarMobile .ajax__calendar_body table { /* mobile ajax calendar container inner table */
	background-color: #ffffff;
	height: 600px;
	width: 720px;
	}

.MyCalendarMobile .ajax__calendar_header { /* mobile ajax calendar header */
	font-family: BNazanin;
	font-size: 4.0em;
	padding-bottom: 40px;
	}

.MyCalendarMobile .ajax__calendar_title { /* mobile ajax calendar title */
	color: #000000; /*#707065*/
	font-size: 1.2em;
	padding-top: 30px;
	}

.MyCalendarMobile .ajax__calendar_footer { /* mobile ajax calendar footer (today's date) */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 3.0em;
	padding-top: 20px;
	}

.MyCalendarMobile .ajax__calendar_prev {
	background-image: url(../../Images/MobileButtonPrevious.ltr.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 100px; 
	}

.MyCalendarMobile .ajax__calendar_next {
	background-image: url(../../Images/MobileButtonNext.ltr.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 100px; 
	}

.MyCalendarMobile .ajax__calendar_dayname { /* mobile ajax calendar days of week title */
	color: #000000; /*#707065*/
	font-family: BNazanin;
	font-size: 4.0em;
	}

.MyCalendarMobile .ajax__calendar_day { /* mobile ajax calendar all days */ 
	font-family: BNazanin;
	font-size: 4.0em;
	}

.MyCalendarMobile .ajax__calendar_month, .MyCalendarMobile .ajax__calendar_year { /* mobile ajax calendar all months, years */ 
	font-family: BNazanin;
	font-size: 2.0em;
	}

.MyCalendarMobile .ajax__calendar_months, .MyCalendarMobile .ajax__calendar_years {
	}

.MyCalendarMobile .ajax__calendar_other .ajax__calendar_day,
.MyCalendarMobile .ajax__calendar_other .ajax__calendar_month,
.MyCalendarMobile .ajax__calendar_other .ajax__calendar_year { /* mobile ajax calendar non-current days */
	color: #bbbbbb;
	font-family: BNazanin;
	font-size: 4.0em;
	}

.MyCalendarMobile .ajax__calendar_hover .ajax__calendar_day,
.MyCalendarMobile .ajax__calendar_hover .ajax__calendar_month,
.MyCalendarMobile .ajax__calendar_hover .ajax__calendar_year { /* mobile ajax calendar today/selected day hover */
	color: #000000; /*#707065*/
	}

.MyCalendarMobile .ajax__calendar_active .ajax__calendar_day,
.MyCalendarMobile .ajax__calendar_active .ajax__calendar_month,
.MyCalendarMobile .ajax__calendar_active .ajax__calendar_year { /* mobile ajax calendar current day */
	color: #000000; /*#707065*/
	}

.mobileRecaptchaImage img { 
	height: 300px; 
	width: 640px; 
	margin: 0px; 
	padding: 0px; 
	}

.mobileRecaptchaContainer { 
	height: 300px;
	width: 640px;
	margin: 0px; 
	padding: 0px; 
	}
/*==============MyCodes============================*/
.treeview-style {
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 10px;
    width: 260px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}

.treeview-style .rootNode {
    font-weight: bold;
    color: #0d6efd;
    padding: 8px 10px;
    margin: 5px 0;
    background-color: #e9ecef;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.treeview-style .childNode {
    padding: 6px 20px;
    color: #495057;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s;
}

.treeview-style .childNode:hover {
    background-color: #dbeafe;
    color: #0c4a6e;
    border-radius: 4px;
}

.treeview-style .rootNode:hover {
    background-color: #d1e7ff;
}
.treeview-style ul {
    list-style-type: none;
    padding-left: 1em;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

.treeview-style li.expanded > ul {
    max-height: 500px; /* یه مقدار بالا برای نشون دادن کل منو */
    opacity: 1;
}
/*====================MultiView===========================*/

    .menuButton {
        margin: 5px;
        padding: 8px 16px;
        background-color: #0d6efd;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
    }

    .menuButton:hover {
        background-color: #0b5ed7;
    }

    .submenuLink {
        color: #333;
        text-decoration: none;
        margin-left: 15px;
        transition: color 0.3s;
    }

    .submenuLink:hover {
        color: #0d6efd;
    }
	
/*================================================================*/
   /* ظاهر کلی نودها */
    .custom-treeview .tree-node {
        padding: 5px;
        font-size: 14px;
        color: #333;
        background-color: #f9f9f9;
        border-radius: 4px;
        margin: 2px 0;
        cursor: pointer;
        position: relative;
    }

    .custom-treeview .tree-node:hover {
        background-color: #e3e3e3;
    }

    /* آیکون + / - */
    .custom-treeview .tree-node.has-children::before {
        content: '+';
        position: absolute;
        right: 10px;
        font-weight: bold;
        color: #555;
    }

    .custom-treeview .tree-node.expanded::before {
        content: '-';
    }

    /* بدون آیکون برای منوهای بدون فرزند */
    .custom-treeview .tree-node.no-children::before {
        content: '';
    }
/*===============Vertical Menu theme 1=================*/
/*کلاس ها همه با حروف کوچک نوشته شوند که اشتباهات کمتر شوند*/
.Vertical_menu {
  width: 250px;
  border: 1px solid #ccc;
  padding: 0;
  list-style: none;
  background-color: #f5f5f5;
  margin: 0px 5px 5px 5px;  /*margin: top right bottom left;(trbl)*/
  font-family: BNazanin;
  font-size: 17px;
  font-weight: bold;
}

.Vertical_menu li {
  border-bottom: 1px solid #ddd;
  position: relative;
}

.Vertical_menu li a {
  display: block;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.Vertical_menu li a:hover {
  background-color: #e0e0e0;
}

.Vertical_menu .toggle-icon {
  /*float: left;
  font-weight: bold;*/
  
  float: left;
  margin-left: 5px;
  font-size: 15px;
}

.Vertical_submenu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fafafa;
}

.Vertical_submenu li a {
  padding-right: 30px;
}

.open > .Vertical_submenu {
  display: block;
}

/*===============End Of Vertical Menu theme 1==========*/
/*==================circle Background=================*/
.signin-circle-background {
  width: 450px;
  left: 10%; /* فاصله از چپ */
  right: 10%; /* فاصله از راست */
  margin: 0 auto; /* وسط چین */
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  position: absolute; /* اینجا absolute نیست چون میخوایم محتوا داخلش مرکزچین شه */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* جلوگیری از زدن بیرون */
}
.signout-circle-background {
  width: 450px;
  left: 10%; /* فاصله از چپ */
  right: 10%; /* فاصله از راست */
  margin: 0 auto; /* وسط چین */
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  position: absolute; /* اینجا absolute نیست چون میخوایم محتوا داخلش مرکزچین شه */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* جلوگیری از زدن بیرون */
}
.ForgotUser-circle-background {
  width: 450px;
  left: 10%; /* فاصله از چپ */
  right: 10%; /* فاصله از راست */
 
  margin: 0 auto; /* وسط چین */
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  position: absolute; /* اینجا absolute نیست چون میخوایم محتوا داخلش مرکزچین شه */
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* جلوگیری از زدن بیرون */
  
  
}
/*==================End of circle Background==========*/
.chat-box {
  width: 250px; /* می‌تونی عرض رو تغییر بدی */
  max-width: 250px;
  box-sizing: border-box;
  display: inline-block; /* خیلی مهمه */
  padding: 12px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  font-family: BNazanin;
  font-weight: bold;
  text-align: center;
}

.chat-box * {  /* ستاره یعنی روی هر تگی جواب میده*/
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  color: #333;
}

.chat-box *:last-child {
  margin-bottom: 0;
}
/*====*/
.lbl_signup_message
{
	font-family: BNazanin;
	font-size: 14px;
	font-weight: bold;
	color: green;
	padding-bottom: 20px;
}
/*====*/
.loginmessage
{
	text-align: center;
	font-family: BNazanin;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 30px;
}
.forgotuserinfolabel
{
	padding-left:8px;
	padding-top:80px;
	padding-bottom:0px;
	padding-right:10px;
	text-align:center;
}
.forgotpasswordemailaddress
{
	padding-right: 10px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:center;
}
.forgotpasswordemailaddresslabel
{
	text-align:right;
	padding-top:40px;
	padding-right: 20px;
}
/*============Elementary Factor Css.s=================*/
.invoice-list-title {
  background-color: #f0f4f8; /* رنگ ملایم پس‌زمینه */
  color: #333; /* رنگ متن */
  font-family: BNazanin;
  font-weight: bold;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 16px;
  /*position: relative;
  display: inline-block;*/
  cursor: default;
}

.invoice-list-title::after {
  content: "▼"; /* فلش رو به پایین */
  font-size: 15px;
  color: #888;
  margin-left: 8px;
  position: relative;
  top: -1px;
}
.searchcontainer
{
	background-color: white;	
	border: 1px solid #000000;
}
.headersearchcontainer
{
	position: relative;
    display: inline-block;
}
.searchfields
{
	position: relative;
	display: inline-block;
}
/*=====end of Elementary Factor Css.s=================*/
 .lblgiftreport
 {
	 font-family: BNazanin;
	 font-size: 15px;
	 font-weight: bold;
	 color: green;
 
 }
 .residcontainer
 {
	 display: inline-block;
	 position: relative;
	 background-image: url(../../Images/MyImages/Bank/001_over.gif);
	 background-repeat: no-repeat;
	 text-align: center;
	 font-family: BNazanin;
	 font-size: 15px;
	 font-weight: bold;
	 color: #000000;
	 height:449px;
	 width: 358px;
	 
 }
 .residlogo
 {
	 z-index: 1000000;
 }
 /**********************************************************************
 * BFonts                                                             * 
 **********************************************************************/

@font-face {
  font-family: 'BBadr';
  src: url('../../MyCodes/BFonts/BBadr.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BBadr.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BBadr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BBaran';
  src: url('../../MyCodes/BFonts/BBaran.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BBaran.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BBaran.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BBardiya';
  src: url('../../MyCodes/BFonts/BBardiya.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BBardiya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BBardiya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BCompset';
  src: url('../../MyCodes/BFonts/BCompset.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BCompset.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BCompset.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BDavat';
  src: url('../../MyCodes/BFonts/BDavat.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BDavat.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BDavat.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BElham';
  src: url('../../MyCodes/BFonts/BElham.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BElham.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BElham.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BEsfehanBold';
  src: url('../../MyCodes/BFonts/BEsfehanBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BEsfehanBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BEsfehanBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BFantezy';
  src: url('../../MyCodes/BFonts/BFantezy.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BFantezy.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BFantezy.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BFarnaz';
  src: url('../../MyCodes/BFonts/BFarnaz.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BFarnaz.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BFarnaz.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BFerdosi';
  src: url('../../MyCodes/BFonts/BFerdosi.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BFerdosi.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BFerdosi.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BHamid';
  src: url('../../MyCodes/BFonts/BHamid.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BHamid.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BHamid.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BHelal';
  src: url('../../MyCodes/BFonts/BHelal.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BHelal.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BHelal.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BZar';
  src: url('../../MyCodes/BFonts/BZar.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BZar.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BZar.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BJadidBold';
  src: url('../../MyCodes/BFonts/BJadidBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BJadidBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BJadidBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BJalal';
  src: url('../../MyCodes/BFonts/BJalal.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BJalal.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BJalal.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BKoodakBold';
  src: url('../../MyCodes/BFonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BKourosh';
  src: url('../../MyCodes/BFonts/BKourosh.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BKourosh.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BKourosh.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BLotus';
  src: url('../../MyCodes/BFonts/BLotus.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BLotus.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BLotus.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BMahsa';
  src: url('../../MyCodes/BFonts/BMahsa.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BMahsa.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BMahsa.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BMehrBold';
  src: url('../../MyCodes/BFonts/BMehrBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BMehrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BMehrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BMitra';
  src: url('../../MyCodes/BFonts/BMitra.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BMitra.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BMitra.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BMorvarid';
  src: url('../../MyCodes/BFonts/BMorvarid.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BMorvarid.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BMorvarid.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BNarm';
  src: url('../../MyCodes/BFonts/BNarm.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BNarm.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BNarm.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BNasimBold';
  src: url('../../MyCodes/BFonts/BNasimBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BNasimBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BNasimBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BNazanin';
  src: url('../../MyCodes/BFonts/BNazanin.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BNazanin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BNazanin.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BRoya';
  src: url('../../MyCodes/BFonts/BRoya.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BRoya.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BRoya.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BSetarehBold';
  src: url('../../MyCodes/BFonts/BSetarehBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BSetarehBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BSetarehBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BShiraz';
  src: url('../../MyCodes/BFonts/BShiraz.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BShiraz.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BShiraz.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BSinaBold';
  src: url('../../MyCodes/BFonts/BSinaBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BSinaBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BSinaBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BTabassom';
  src: url('../../MyCodes/BFonts/BTabassom.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BTabassom.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BTabassom.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BTehran';
  src: url('../../MyCodes/BFonts/BTehran.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BTehran.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BTehran.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BTitrBold';
  src: url('../../MyCodes/BFonts/BTitrBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BTitrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BTitrTGEBold';
  src: url('../../MyCodes/BFonts/BTitrTGEBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BTitrTGEBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BTitrTGEBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BTraffic';
  src: url('../../MyCodes/BFonts/BTraffic.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BTraffic.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BTraffic.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BVahidBold';
  src: url('../../MyCodes/BFonts/BVahidBold.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BVahidBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BVahidBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BYagut';
  src: url('../../MyCodes/BFonts/BYagut.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BYagut.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BYagut.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BYas';
  src: url('../../MyCodes/BFonts/BYas.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BYas.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BYas.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'BYekan';
  src: url('../../MyCodes/BFonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BZar';
  src: url('../../MyCodes/BFonts/BZar.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BZar.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BZar.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'BZiba';
  src: url('../../MyCodes/BFonts/BZiba.eot?#') format('eot'),  /* IE6–8 */
       url('../../MyCodes/BFonts/BZiba.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../../MyCodes/BFonts/BZiba.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BBadr {
	font-family: BBadr, Arial, Helvetica, sans-serif;
}

.BBaran {
	font-family: BBaran, Arial, Helvetica, sans-serif;
}

.BBardiya {
	font-family: BBardiya, Arial, Helvetica, sans-serif;
}

.BCompset {
	font-family: BCompset, Arial, Helvetica, sans-serif;
}

.BDavat {
	font-family: BDavat, Arial, Helvetica, sans-serif;
}

.BElham {
	font-family: BElham, Arial, Helvetica, sans-serif;
}

.BEsfehanBold {
	font-family: BEsfehanBold, Arial, Helvetica, sans-serif;
}

.BFantezy {
	font-family: BFantezy, Arial, Helvetica, sans-serif;
}

.BFarnaz {
	font-family: BFarnaz, Arial, Helvetica, sans-serif;
}

.BFerdosi {
	font-family: BFerdosi, Arial, Helvetica, sans-serif;
}

.BHamid {
	font-family: BHamid, Arial, Helvetica, sans-serif;
}

.BHelal {
	font-family: BHelal, Arial, Helvetica, sans-serif;
}

.BZar {
	font-family: BZar, Arial, Helvetica, sans-serif;
	
}

.BJadidBold {
	font-family: BJadidBold, Arial, Helvetica, sans-serif;
}

.BJalal {
	font-family: BJalal, Arial, Helvetica, sans-serif;
}

.BKoodakBold {
	font-family: BKoodakBold, Arial, Helvetica, sans-serif;
}

.BKourosh {
	font-family: BKourosh, Arial, Helvetica, sans-serif;
}

.BLotus {
	font-family: BLotus, Arial, Helvetica, sans-serif;
}

.BMahsa {
	font-family: BMahsa, Arial, Helvetica, sans-serif;
}

.BMehrBold {
	font-family: BMehrBold, Arial, Helvetica, sans-serif;
}

.BMitra {
	font-family: BMitra, Arial, Helvetica, sans-serif;
}

.BMorvarid {
	font-family: BMorvarid, Arial, Helvetica, sans-serif;
}

.BNarm {
	font-family: BNarm, Arial, Helvetica, sans-serif;
}

.BNasimBold {
	font-family: BNasimBold, Arial, Helvetica, sans-serif;
}

.BNazanin {
	font-family: BNazanin, Arial, Helvetica, sans-serif;
}

.BRoya {
	font-family: BRoya, Arial, Helvetica, sans-serif;
}

.BSetarehBold {
	font-family: BSetarehBold, Arial, Helvetica, sans-serif;
}

.BShiraz {
	font-family: BShiraz, Arial, Helvetica, sans-serif;
}

.BSinaBold {
	font-family: BSinaBold, Arial, Helvetica, sans-serif;
}

.BTabassom {
	font-family: BTabassom, Arial, Helvetica, sans-serif;
}

.BTehran {
	font-family: BTehran, Arial, Helvetica, sans-serif;
}

.BTitrBold{
	font-family: BTitrBold, Arial, Helvetica, sans-serif;
}

.BTitrTGEBold {
	font-family: BTitrTGEBold, Arial, Helvetica, sans-serif;
}

.BTraffic {
	font-family: BTraffic, Arial, Helvetica, sans-serif;
}

.BVahidBold {
	font-family: BVahidBold, Arial, Helvetica, sans-serif;
}

.BYagut {
	font-family: BYagut, Arial, Helvetica, sans-serif;
}

.BYas {
	font-family: BYas, Arial, Helvetica, sans-serif;
}

.BYekan {
	font-family: BYekan, Arial, Helvetica, sans-serif;
}

.BZar {
	font-family: BZar, Arial, Helvetica, sans-serif;
}

.BZiba {
	font-family: BZiba, Arial, Helvetica, sans-serif;
}
/**********************************************************************
 * End Of BFonts                                                      * 
 **********************************************************************/
.btn-icon-prev {
    width: 40px;
    height: 40px;
    background: url('/Images/MyImages/SlideShow/Buttons/Previous.png') no-repeat center center;
    background-size: 32px 32px;
    border: none;
    cursor: pointer;
    text-indent: -9999px; /* پنهان کردن متن */
}
.btn-icon-next {
    width: 40px;
    height: 40px;
    background: url('/Images/MyImages/SlideShow/Buttons/Next.png') no-repeat center center;
    background-size: 32px 32px;
    border: none;
    cursor: pointer;
    text-indent: -9999px; /* پنهان کردن متن */
}
.btn-icon-toggle {
    width: 40px;
    height: 40px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
	background-color: transparent; /* 🔥 این خط مهمه */
    border: none;
    cursor: pointer;
    text-indent: -9999px; /* پنهان کردن متن */
}

.btn-icon-toggle.play {
    background-image: url('/Images/MyImages/SlideShow/Buttons/Play.png');
}

.btn-icon-toggle.stop {
    background-image: url('/Images/MyImages/SlideShow/Buttons/Stop.png');
}
/*-------------------------slideshow-------------------------------*/
.Slideshowtd {
    
	position: relative; /* برای محدود کردن دکمه‌ها داخل سلول */
/*    width: 600px; /* عرض دلخواه */
/*    height: 400px; /* ارتفاع دلخواه */
    overflow: hidden; /* از بیرون زدن محتوا جلوگیری می‌کند */
	
}
.slideshow { /* slideshow container */

	background:#f9f9f9 url(../../Images/MyImages/HoverEffects/OriginalHoverEffects/images/white_texture.jpg) repeat top left;   /*ALLx1.ir*/
	text-align:center;
	/*padding-bottom: 10px;*/
	/*background-image: url(../../Images/New.dialogHeader.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	
	padding-top: 6px;*/
	}

.slideshowcontrols {
    position: absolute;
    bottom: 30px; /* کمی فاصله از پایین */
    left: 50%;
    transform: translateX(-50%); /* وسط‌چین افقی */
    display: flex;
    gap: 10px;
}

.slideshowcontrols button {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}
.slideshowcontrols button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
/*==================================================================*/
.headerquotes
{
	width: 100%;
	text-align: center;
	font-family: BNazanin;
	padding-top: 10px;
	
}