@font-face{
    font-family: 'Bamilo-Sans';
    src: url(../fonts/IRANSans-web.eot?#) format("eot"),
    url(../fonts/IRANSans-web.woff2) format("woff2"),
    url(../fonts/IRANSans-web.woff) format("woff");
    font-weight: 300;
}


@font-face{
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    font-family: 'Bamilo-Sans',sans-serif;
  padding-bottom: 40px;
  color: #5a5a5a;
}

html,body{
      font-size:10pt;
}


.red{
    color: #FF0000;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  /*width: auto;*/
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    /*border-radius: 4px;*/
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}



/* for courses list */
.dashboard-div-wrapper{
border-radius: 5px;
text-align: center;
padding: 15px;
color: #fff;
color: #878787;
margin-bottom: 50px;
}

.bk-clr-two {
background-color: #009966;
}


/*-------------------------------------- lightbox */
#lightbox{
background-color:#eee;
padding:10px;
border-bottom:2px solid #666;
border-right:2px solid #666;
}
#lightboxDetails{
font-size:0.8em;
padding-top:0.4em;
}
#lightboxCaption{float:right;}
#keyboardMsg{float:left;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;}
#overlay img{border:none;}
#overlay{background-image:url('../img/overlay.png');}
* html #overlay{
background-color:#333;
background-color:transparent;
}
/*-------------------------------------- Calendar */
.dpDiv{}
.dpTable{
font-family:Tahoma;
font-size:12px;
text-align:center;
color:#505050;
background-color:#ece9d8;
border:1px solid #AAAAAA;
}
.dpTR{}
.dpTitleTR{}
.dpDayTR{}
.dpTodayButtonTR{}
.dpTD{border:1px solid #ece9d8;}
.dpDayHighlightTD{
background-color:#CCCCCC;
border:1px solid #AAAAAA;
}
.dpTDHover{
background-color:#aca998;
border:1px solid #888888;
cursor:pointer;
color:red;
}
.dpTitleTD{}
.dpButtonTD{}
.dpTodayButtonTD{}
.dpDayTD{
background-color:#CCCCCC;
border:1px solid #AAAAAA;
color:white;
}
.dpTitleText{
font-size:12px;
color:gray;
font-weight:bold;
}
.dpDayHighlight{
color:#4060ff;
font-weight:bold;
}
.dpButton{
font-family:Tahoma;
font-size:10px;
color:gray;
background:#d8e8ff;
font-weight:bold;
padding:0px;
}
.dpTodayButton{
font-family:Tahoma;
font-size:10px;
color:gray;
background:#d8e8ff;
font-weight:bold;
}
.dptxtSAL{
width:70px;
height:20px;
font-size:8pt;
text-align:center;
direction:ltr;
}



/* --------------------------------------------------------- portal style */
.desktop{
width:100%;
height:auto;
background: #FFFFFF;
}

.TBLreg{
width:95%;
height:auto;
text-align:right;
}

.TBLreg tbody tr{height:auto;}
.TBLreg tbody tr th{text-align:left;}
.TBLreg tbody tr td{width:auto;vertical-align:top;}
.TBLreg tbody tr td div{color:#777777;}
.TBLreg tbody tr td label{color:#777777;}

.TBLlist{
width:100%;
height:auto;
background:#FFFFFF;
text-align:center;
}

.TBLlist tbody tr{height:30px;}
.TBLlist tbody tr:hover{background-color:#E5EC7C;}
.TBLlist tbody tr td{width:auto;vertical-align:middle;border-color:#CCCCCC;border-style:outset;}

.TBLlist tbody #TRH1{
height:30px;
background:#BBBBBB;
font-weight:bold;
}

.TBLedit{
width:100%;
height:auto;
background:#FFFFFF;
text-align:right;
}

.TBLedit tbody tr{height:auto;}
.TBLedit tbody tr:hover{background-color:#E5EC7C;}
.TBLedit tbody tr th{text-align:left;}
.TBLedit tbody tr td{width:auto;vertical-align:top;}
.TBLedit tbody tr td div {color:#777777;}
.TBLedit tbody tr td label{color:#777777;}

.TBLsearch{
width:99.8%;
height:auto;
}

.TBLsearch tbody tr th{text-align:left;font-weight:normal;}
.TBLsearch tbody tr td{text-align:right;font-weight:normal;}

#TBLexam{
width:99%;
height:auto;
}

.tblKar{
width:650px;
}
.tblKar caption{
height:20px;
background:#CCCCCC;
border:3px solid #888888;
font-weight: bold;
}
.tblKar tbody tr th{text-align:right;width:30%;}
.tblKar tbody tr td{text-align:right;width:70%;}

/*-------------------------------------- DIV */
.DIVtit1{
width:100%;
height:27px;
background-color:#0071B6;
background:url('../pics/divtitle.png');
text-align:center;
line-height:20px;
font-weight:bold;
}

.DIVtit1 a img{
margin:3px;
vertical-align:middle;
}

.divForm{
width:99.6%;
height:auto;
margin:0px;
padding:15px 0px 15px 0px;
border:1px solid gray;
}

.DIVdata{
width:100%;
height:auto;
border:0px;
background:#EEEEEE;
text-align:right;
padding:0px 0px 5px 0px;
}

.pager{
width:99.8%;
height:22px;
background:url('../../pics/pager.gif');
border:1px solid silver;
text-align:right;
text-indent:2px;
padding:2px 0px 2px 0px;
}

.pager select{
text-align:center;
width:80px;
height:20px;
border:1px solid #C0C0C0;
text-align:center;
cursor:pointer;
padding:1px;
}

.pager img{margin:0px 4px 0px 0px;}
.pager label{margin:0px 4px 0px 0px;}

#k0{
font-weight:bold;
cursor:pointer;
color:#A0A0A0;
}

#k1{
font-weight:bold;
cursor:pointer;
color:#FF0033;
}

#k2{
font-weight:bold;
cursor:pointer;
color:#63C600;
}

.desktop{
width:99.9%;
height:auto;
text-align:center;
}

.DIVnote{
width:97%;
height:auto;
text-align:justify;
padding:10px;
}

#DIVstdseler div{
float:right;
margin:0px 8px 5px 0px;
}

.pmselN{
text-align:right;
font-size:8pt;
background:#FFFFFF;
}

.pmselY{
text-align:right;
font-size:8pt;
background:#8DFF42;
}

#deny{
width:99.7%;
height:60px;
border:1px solid #CC9900;
background:#FFFFCC;
text-align:center;
font-family:Tahoma;
font-size:14pt;
color:#FF3300;
line-height:50px;
}

.success{
width:99.5%;
height:auto;
background:#AAFDA8;
border:1px solid green;
font-size:10pt;
text-align:center;
color:black;
}

.error{
width:99.5%;
height:auto;
background:#FFFF66;
border:1px solid red;
font-size:10pt;
text-align:center;
color:red;
}

#DIVsearch{
width:99.8%;
height:auto;
background:#CCCCCC;
border:1px solid gray;
text-align:center;
padding-bottom:7px;
}

#DIVgozaresh{
width:99.8%;
height:auto;
background:#DFEBFF;
border:1px solid gray;
text-align:center;
padding-bottom:7px;
}

.UPstat0{
width:340px;
height:30px;
border:1px solid #BF0000;
background:#FF4242;
text-align:center;
line-height:20px;
}

.UPstat1{
width:340px;
height:30px;
border:1px solid gray;
background:#66FF00;
text-align:center;
line-height:20px;
}

#DIVeaxmbtn{
width:700px;
border:1px solid #CCCCCC;
margin:20px 0px 10px 0px;
background:#DADADA;
font-weight:bold;
text-align:center;
position:static;
}
/*-------------------------------------- BTN */
.BTN33{
height:28px;
color:#FFFFFF;
cursor:pointer;
border:1px solid #3C7EEE;
background:#4788EF;
font-weight:bold;
}

.BTN33:hover{color:#333333;}

.BTN1{
height:auto;
cursor:pointer;
}

.BTN1:hover{color:#FF0000;}

.BTN2{
height:28px;
color:#FFFFFF;
cursor:pointer;
border:1px solid #FF6600;
background:#FF9900;
font-weight:bold;
}

.BTN2:hover{color:#B7002E;}

.BTN3{
width:202px;
height:74px;
color:#009900;
cursor:pointer;
border:0px;
background:url('../pics/btn3.png');
font-weight:bold;
font-size:13pt;
}

.BTN3:hover{color:#FFFFFF;}

.BTNstart{
width:120px;
height:25px;
cursor:pointer;
background:#48DD00;
border:2px solid #339900;
}

.BTNstart:hover{color:#FFFFFF;}

.BTNedameh{
width:120px;
height:25px;
cursor:pointer;
background:#6FB7FF;
border:2px solid #0066CC;
}

.BTNedameh:hover{color:#FFFFFF;}

.BTNend{
width:120px;
height:25px;
cursor:pointer;
background:#FF9933;
border:2px solid #CC6600;
}

.BTNend:hover{color:#FFFFFF;}

.BTNqnav{
width:120px;
height:32px;
font-size:10pt;
font-weight:bold;
cursor:pointer;
margin:20px;
}

.BTNqnav:hover{color:#FF0000;}

.BTNok{
width:80px;
height:24px;
cursor:pointer;
font-weight:bold;
}

.DIVQtitle{
text-align:justify;
font-weight:bold;
font-size:10pt;
margin-bottom:20px;
}

.DIVsound{
width:99%;
height:50px;
border:1px solid #AAAAAA;
background:#DDDDDD;
vertical-align:middle;
line-height:40px;
}

.DIVAnswtitle{cursor:pointer;}
.DIVAnswnull{color:#939393;}

.NOTAnswed{
color:#666666;
background:#FFFFCC;
border:1px solid #B0B0B0;
padding:4px;
}

.Answed{
color:#333333;
background:#CCFF99;
border:1px solid #B0B0B0;
padding:4px;
}
/*-------------------------------------- TEXTBOX */
.textbox{
height:20px;
border:1px solid #D9D9D9;
padding:0px;
}

.TXTtimer{
width:40px;
height:20px;
border:0px;
background:#EEEEEE;
text-align:center;
font-size:11pt;
font-weight:bold;
}
/*-------------------------------------- TEXTAREA */
.textarea{
height:120px;
text-align:justify;
font-family:tahoma;
border:1px solid #D9D9D9;
}
/*-------------------------------------- COMBOX */
.combox111{
height:22px;
border:1px solid #D9D9D9;
text-align:right;
cursor:pointer;
padding:1px;
}
/*-------------------------------------- FIELDSET */
.fieldset{
width:97%;
height:auto;
border:1px solid #AAAAAA;
}
/*-------------------------------------- lightbox */
#lightbox{
background-color:#eee;
padding:10px;
border-bottom:2px solid #666;
border-right:2px solid #666;
}
#lightboxDetails{
font-size:0.8em;
padding-top:0.4em;
}
#lightboxCaption{float:right;}
#keyboardMsg{float:left;}
#closeButton{top:5px;right:5px;}
#lightbox img{border:none;clear:both;}
#overlay img{border:none;}
#overlay{background-image:url('../img/overlay.png');}
* html #overlay{
background-color:#333;
background-color:transparent;
}
/*-------------------------------------- RightMenu */
.sdmenu{
width:200px;
font-size:10pt;
padding-bottom:10px;
color:#fff;
}
.sdmenu div{
background:url('../pics/links.png');
overflow:hidden;
}
.sdmenu div.collapsed{
height:25px;
}
.sdmenu div span{
display:block;
padding:5px 25px;
font-weight:bold;
color:white;
background:url('../pics/expanded.gif') no-repeat 10px center;
cursor:pointer;
border-bottom:1px solid #ddd;
}
.sdmenu div.collapsed span{
background-image:url('../pics/collapsed.gif');
}
.sdmenu div a{
padding:3px 10px;
background:#eee;
display:block;
border-bottom:1px solid #ddd;
color:#066;
text-align:center;
}
.sdmenu div a.current{
background :#ccc;
}
.sdmenu div a:hover{
background :#DDDDDD;
color:#CC0033;
text-decoration:none;
}
/*-------------------------------------- Calendar */
.dpDiv{}
.dpTable{
font-family:Tahoma;
font-size:12px;
text-align:center;
color:#505050;
background-color:#ece9d8;
border:1px solid #AAAAAA;
}
.dpTR{}
.dpTitleTR{}
.dpDayTR{}
.dpTodayButtonTR{}
.dpTD{border:1px solid #ece9d8;}
.dpDayHighlightTD{
background-color:#CCCCCC;
border:1px solid #AAAAAA;
}
.dpTDHover{
background-color:#aca998;
border:1px solid #888888;
cursor:pointer;
color:red;
}
.dpTitleTD{}
.dpButtonTD{}
.dpTodayButtonTD{}
.dpDayTD{
background-color:#CCCCCC;
border:1px solid #AAAAAA;
color:white;
}
.dpTitleText{
font-size:12px;
color:gray;
font-weight:bold;
}
.dpDayHighlight{
color:#4060ff;
font-weight:bold;
}
.dpButton{
font-family:Tahoma;
font-size:10px;
color:gray;
background:#d8e8ff;
font-weight:bold;
padding:0px;
}
.dpTodayButton{
font-family:Tahoma;
font-size:10px;
color:gray;
background:#d8e8ff;
font-weight:bold;
}
.dptxtSAL{
width:70px;
height:20px;
font-size:8pt;
text-align:center;
direction:ltr;
}
/* --------------------- slider */
#DVslider{
width:700px;
height:180px;
border:1px solid #CCCCCC;
margin:3px 0px 0px 0px;
background:url('../pics/loading5.gif') no-repeat center;
}

#DVslider img{
width:700px;
height:180px;
border:0px solid gray;
}

#slidepages{
width:700px;
height:10px;
text-align:center;
margin:-2px 0px 0px 0px;
float:left;
display:none;
}

#slidepages a{
text-decoration:none;
margin:0px 10px 0px 0px;
cursor:pointer;
}

#preslide{
background:url(../pics/c.png);
}

#nowslide{
background:url(../pics/o.png);
}
/* --------------------- New TOP-menus */
#sse1
{
/*You can decorate the menu's container, such as adding background images through this block*/
background-color:#30322c;
height:38px;
padding:15px;
border-radius:3px;
direction:rtl;
}
#sses1
{
margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses1 ul
{
position:relative;
list-style-type:none;
float:right;
padding:0;margin:0;
}
#sses1 li
{
float:right;
list-style-type:none;
padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
background-color:#C7D92C;
top:0px;
height:2px;
z-index:1;
position:absolute;
overflow:hidden;
}
#sses1 li a
{
height:30px;
padding-top:8px;
margin:0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
color:#fff;
font:normal 12px arial;
text-align:center;
text-decoration:none;
display:block;
float:right;
position:relative;
z-index:2;
}

/* ------------ NEW */
.DIVdetails{
height:auto;
}
.DIVdetails li{
padding:3px;
color:#333333;
}
.IMGgov{
width:250px;
height:150px;
border:1px solid #6699CC;
margin:4px 0px 4px 10px;
}
.DIVcome{
width:80%;
height:80px;
padding:10px;
text-align:justify;
}
.DIVnews{
width:80%;
height:auto;
padding:10px;
text-align:justify;
background:#FFFF99;
border:1px solid #8080C0;
}
.DIVnews p{
margin:10px 5px 0px 0px;
text-align:justify;
}
.DIVnews p label{
margin-left:30px;
float:left;
direction:ltr;
font-size:8pt;
color:#999999;
}
#OPNW{
background: #FFFFFF;
border:1px solid #CCCCCC;
text-align: justify;
padding:5px;
margin:5px;
}
/* -----------------------textbox */
.textbox{
height:30px;
border:1px solid #D9D9D9;
padding:0px;
}
.combox{
height:30px;
border:1px solid #D9D9D9;
text-align:right;
cursor:pointer;
padding:1px;
}