@font-face {
    font-family: 'bYekan';
    src: url('font/BYekan.eot');
    src: url('font/BYekan.eot?#iefix') format('embedded-opentype'),
         url('font/BYekan.woff') format('woff'),
         url('font/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600–06FF;
}

/*@font-face {
	font-family: 'yekaan';
	font-weight: normal;
	font-style: normal;
	src: url('font/yekan.eot') format('embedded-opentype'),url('font/yekan.woff') format('woff'),url('font/yekan.ttf') format('truetype');
}
@font-face {
    font-family: 'IRANSans-web';
    src: url(font/IRANSans-Light-Expanded.eot?#)
     format('eot'),url(font/IRANSans-Light-Expanded.woff2) 
    format('woff2'),url(font/IRANSans-Light-Expanded.woff) format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url(font/IRANSANSExpanded.eot?#) 
    format('eot'),url(font/IRANSANSExpanded.woff2) 
    format('woff2'),url(font/IRANSANSExpanded.woff) format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'aicons';
    src: url(font/aicons.eot);
    src: url(font/aicons.eot#iefix) 
    format('embedded-opentype'),url(font/aicons.woff) 
    format('woff'),url(font/aicons.ttf) 
    format('truetype'),url(font/aicons.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

html {
    margin:0;
    padding:0;
	/*font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;*/
}


body {
    font-family: 'bYekan';
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-align: justify;
    color: #666;
    text-align: center;
    direction: rtl;
    height: 100%;
    line-height: 2em;
    background-color: #363f41;

      background-color: #c3c3c3!important;
  
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  overflow: inherit;
}

.liH {
 float:right; margin-left:20px; width:64px; 
}

.topbar {
  height: auto;
  padding: 20px 0;
}

a, a:active {
	text-decoration: none;
	outline: 0;
    font-weight:bold;
}



.min-width {
  min-width: 92px;
}
.button.green {
  border-color: #7aac1b;
  background: #8bbf27;
}
.button.purple {
  border-color: #2e082e;
  background: #5f1d5f;
}
.button {
  font-size: 16px;
  border: 0;
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 5px;
  padding: 3px 20px;
  text-align: center;
  color: #fff;
  border-bottom: 3px solid #333;
  border-radius: 3px;
  background: #999;
}
.text-shadow {
  text-shadow: 0 1px 0 #222;
}
a .button {
  display: block;
  text-decoration: none;
  color: inherit;
}
a, a:active {
  text-decoration: none;
  outline: 0;
}




img{ border:solid 0px white;
}

.h1,.h2,.h3,.h4{}
.h1{ font-size:15pt; }
.h2{ color:Orange; font-size:14pt; background-color:#eee; padding:5px;}
.h3{ color:White; font-size:12pt; background-color:blue; padding:3px;}

.leftwrite{ direction:ltr; text-align:left;}
.rightwrite{ direction:rtl; text-align:right;}

 s

.btnPrint{background-image: url('Images/icon/print32.png'); width:32px; height:32px; cursor:pointer;   }

*.footer {
    /*background-image: url(    'Images/footerBg.jpg' );
	background-repeat: repeat-x;
	background-position: top;
	height: 100px;*/
    text-align: center;
    width: 100%;
    clear: both;
    float: right;
    background-color: #103570;
    color: #fff;
    padding: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.submit{
    margin: 0 auto;
    background-image: url('Images/Icon/submit.gif');
    background-repeat: no-repeat;
    background-position: left center;
    width: 100px;
    height: 30px;
}

.mTop{ width:100%; height:38px; background: url(images/sprite-y.png) repeat-x 0 0;}

.menu{  position:fixed; right:0; left:0; top:0; z-index:20000; background-color:#fff; box-shadow:0 2px 2px #eee;}
.menu a{ text-decoration:none; }
.menu a:hover{ text-decoration:none; }

.menuItemMainMenu{display: inline-block;  width:130px;  padding:2px 2px; margin:5px 0;  position:relative; background-color:#eee; border-radius:5px; }
.menuItemMainMenu : hover{background-color:#ddd;}
.menuItemMainMenu a{ font-size:13px; font-weight:bold;}
.menuItemMainMenuInner{ position:absolute; top: 35px; right:-25px; width:300px; height:250px; padding:10px 5px; background-color:#eee; border-radius:7px; box-shadow: 5px 5px 10px 1px #262626; z-index:2000;}
.menuItemMainMenuInnerHover {
    box-shadow:  0px -3px 5px 1px #bbb; z-index:2001;
}
.menuItemMainMenuInner2{ width:100%; height:220px;}
.menuItemMainMenuInnerFooter{ text-align:left;}

.divOut{ text-align: right;}

.divMain{ width:97%; margin:0 auto;   }
.divInnerMain{  margin: 77px 10px 0; /*box-shadow:0 0 5px #fff;*/ }
.bgColor{ background-color:#fff;padding:5px 7px 0; margin:6px 0;}



/*.side_left {
background: #363f41 url(images/sprite-x.png) repeat-y 0 0; width:19px; right:0; position:absolute; height:100px;
}.side_right {
background: #363f41 url(images/sprite-x.png) repeat-y -19px 0; width:19px; left:0; position:absolute; height:100px;
}*/


th{ padding:2px 5px;}

.divListSchool{}
.divListSchool td{ padding:7px;}
.divListSchool a{ text-decoration:none;}
.divListSchool a:hover{ text-decoration:underline;}


.ulInner{}
.liM{font-weight:bold;}
.liDetail{ margin: 0 20px 0 0; font-weight:normal;}




.divMDemoUidPwd{float:right; margin:5px 10px;}

.demoUidPwd{ margin:0 50px 0 0;}

.div13422h{ width:140px; height:30px; padding:3px 5px 2px ; border:1px solid #ccc; 
           border-bottom: 1px solid #fff; border-radius:9px 9px 0 0;  margin: 20px 0 -1px 0; position: relative; font-weight:bold;}
.div13422{  border:1px solid #ccc; border-radius:5px 0 5px 5px; margin:0; padding:5px; width:180px;}

.comment{
	border:1px solid;
	clear:both;
	margin-bottom:9px;
	margin-top:10px;
	padding:10px 10px 10px 35px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	background-repeat:no-repeat;
	background-position:10px 10px;

	background-image:url("images/managerIcon/information.png");
	background-color:#d8e7fa;
	border-color:#9dbfea;
	color:#00357b
}


/*fieldset
{
    text-align:right;
	position:relative;
	margin: 12px 4px 4px 4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border: #aaa solid 1px;
	padding: 12px 12px 5px 7px;
	background: #eee;
	text-shadow:0 1px 0 #fff;
	-moz-box-shadow: 1px 1px 2px #fff inset;
	-webkit-box-shadow: 1px 1px 2px #fff inset;
	box-shadow: 1px 1px 2px #fff inset; 
}
fieldset legend{
    font-weight:bold;
    border-radius:5px;
    min-width:200px;
	margin-bottom: -4px;
	color:#444;
	padding:5px 10px;
	border-radius:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #aaa;
	background-color:#FFF;
	-moz-box-shadow:3px 3px 15px #bbb;
	-webkit-box-shadow:3px 3px 15px #bbb;
	box-shadow:3px 3px 15px #bbb;
}*/


input[type="submit"], button, .button, input[type="button"]{
	background: url("images/button-blueTopManage.png") 0 0 #2d5672;
}
.button.red,input[type="reset"],input[value*="حذف"],input[value*="حـذف"],input[value*="بستن"],input[value*="بستن"],input[value*="بستن"],input[value*="بازگشت"]{
	background: url("images/button-redTopManage.png") 0 0 #6b352b;
}
input[type="submit"], button,.button,input[type="button"],input[type="reset"]{
    /*font-family: 'IRANSans-web';*/
	background-repeat:repeat-x;
	background-attachment: scroll;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border:1px solid #111;
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	text-shadow: -1px 1px 2px rgba(0, 0, 0, 1);
	box-shadow:0 1px 4px rgba(0,0,0,0.4);
	padding:4px;
	min-width:70px;
	text-align:center;
	margin:0px;
}
input[type="submit"]:hover, button:hover, .button:hover, input[type="button"]:hover{
	background: url("images/button-blueTopManage.png") 0 -24px #4d7690;
	color:#FFF;
	text-decoration:none
}
input[type="submit"]:active,button:active, .button:active, input[type="button"]:active{
	background: url("images/button-blueTopManage.png") 0 -48px #6290b2;
}
.button.red:hover, input[type="reset"]:hover,input[value*="حذف"]:hover,input[value*="حـذف"]:hover,input[value*="بستن"]:hover,input[value*="بازگشت"]:hover{
	background: url("images/button-redTopManage.png") 0 -24px #834a3f;
}
.button.red:active,input[type="reset"]:active,input[value*="حذف"]:active,input[value*="حـذف"]:active,input[value*="بستن"]:active,input[value*="بازگشت"]:active{
	background: url("images/button-redTopManage.png") 0 -48px #a85f51;
}



 /**********  slideshow  ************/
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }


.cycle-slideshow {margin: 0 auto; padding: 0; position: relative;}

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow div { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
}
    .cycle-slideshow div img{
         width: 100%;
    }
     .cycle-slideshow p{
         position:absolute; z-index: 600; width:400px;
    background: black; color: white; padding: 25px; opacity: .5; border-radius:10px;

     }

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100; 
}

 

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700;opacity:0.9;  border-radius:4px; }

 


/********************************/

@media screen, projection 
{
	
	
}
@media screen and (max-width: 800px) 
{
	
}

@media screen and (max-width: 480px) 
{
	
	
}
	


/***************  Default page  **************************/
.div3{
            /*display:inline-block;*/ float:right; width:32%; min-width:280px; 
        }
        .div3Inner {
            width: 90%;
            margin: 20px auto;
            background-color: white;
            min-height: 300px;
            border-radius: 2px;
            -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
            -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
        }

.divcloud {
    background-image: url( 'images/cloudW.png');
    min-height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.divcloud .cycle-slideshow img{
    max-width:100%;
}

        /****************************/
        .rsD {
width: 100%;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: .5em;
}
        .rsC{

        }
                .rsC h3{
font-size: 1.3em;
font-weight: bold;

width: 100%;
text-align: center;

        }
.icon_master, .icon_toolbox, .icon_easy, .icon_templates, .icon_fast, .icon_forums, .icon_premium {
    width: 5em;
    height: 5em;
    display: inline-block;
    background-size: 100% 100%;
}
                .icon_toolbox {
background: url(images/defaultIcon/toolbox.svg) no-repeat top left;
}
                        .icon_easy {
background: url(images/defaultIcon/simple.svg) no-repeat top left;
}
                                .icon_templates {
background: url(images/defaultIcon/templates.svg) no-repeat top left;
}
.icon_fast {
    background: url(images/defaultIcon/fast.svg) no-repeat top left; background-size: 100% 100%;
}
.icon_forums {
    background: url(images/defaultIcon/forums.svg) no-repeat top left;
}
                                                      
        .icon_premium {
background: url(images/defaultIcon/premium.svg) no-repeat top left;
}



/**********     persin calender   ********************/
.PickerCSS INPUT
{
	color: #000000;
	font-family: tahoma;
	direction: rtl;
	text-align: right;
	margin-top: 0px;
}
.PickerCSS SELECT
{
	color: #000000;
	font-family: tahoma;
	direction: rtl;
	text-align: right;
}
.PickerCSS
{
	background-color: #ffffff;
	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
	border-left: #000000 2px solid;
	border-bottom: #000000 2px solid;
}
.PickerHeaderCSS
{
	background-color: lightgrey;
	height: 30px;
}
.PickerFooterCSS
{
	background-color: lightgrey;
}
.PickerWeekDayCSS
{
	background-color: lightgrey;
	text-align: center;
	font-size: 8pt;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 19px;
}
.PickerCalendarCSS
{
	background-color: #e8f4ff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 19px;
}
.PickerWorkDayCSS
{
	background-color: #ffffff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
A.PickerWorkDayCSS
{
	color: black;
	text-decoration: none;
	border: none;
}
.PickerForbidenCSS
{
	background-color: #e8f4ff;
	color: Red;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-weight: bold;
}
.PickerSelectedCSS
{
	background-color: #e4e8ff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
A.PickerSelectedCSS
{
	font-weight: bold;
	color: #0066ff;
	text-decoration: underline;
	border: none;
}
/**********        ********************/