@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');
}

body{
font-family: 'Bamilo-Sans','B Yekan','Tahoma','Arial';
font-size:10pt;
color: #5a5a5a;
margin: 0;
padding: 0;
}

main{
min-height:500px;
}

/* ------------------------------ Navbar Top Menu */
.navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
}

.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 {
height: auto;
margin-bottom: 15px;
}

.carousel-caption{
z-index: 10;
}

.carousel .item{
height: 500px;
background-color: #777;
}
.carousel-inner .item img {
width:100%;
height: 100%;
/*object-fit: cover;*/
}


/* ------------------------------ posts */
section.news{
display: grid;
grid-template-columns: repeat(auto-fill,minmax(40rem,1fr));
grid-gap: 1rem;
padding: 0;
direction: rtl;
}

@media screen and (max-width: 600px) {
section.news{
grid-template-columns: auto;
}
}

section.news article div.imgnews{
height: 25rem;
}

section.news article div.imgnews img{
height: 100%;
width: 100%;
object-fit: cover ;
transition: 0.3s ease-in-out;
}

section.news article div.imgnews img:hover {
opacity: 0.7;
}


section.news article h5{
padding: 0.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

section.news article p{
padding: 1rem;
height: 4rem;
text-align: justify;
overflow: hidden;
}


/* ------------------------------ MARKETING CONTENT */
.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;
}

.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;
}

/*--------------------------------------BUTTON */
.BTN1{
height:auto;
cursor:pointer;
}

.BTN1:hover{color:#FF0000;}

/*--------------------------------------ComboBox */

.combox{
height:30px;
border:1px solid #D9D9D9;
text-align:right;
cursor:pointer;
padding:1px;
}

.combox111{
height:22px;
border:1px solid #D9D9D9;
text-align:right;
cursor:pointer;
padding:1px;
}

/* -----------------------------------DIV */

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

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

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

.divForm{
width:100%;
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:100%;
height:22px;
background:url('../../assets/img/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;}

.DIVnote{
width:100%;
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:100%;
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;
}

.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;}

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

.ANSW1{
color:#333333;
background:#CCFF99;
border:1px solid #B0B0B0;
padding:4px;
}

.DIVdetails{
height:auto;
}

.DIVdetails li{
padding:3px;
color:#333333;
}

.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;
}

/* -----------------------------------FONT */
.red{color: #FF0000;}

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

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

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

.bgy{background-color:#C9FFAD;}


/* -----------------------------------Images */

.IMGgov{
width:250px;
height:150px;
border:1px solid #6699CC;
margin:4px 0px 4px 10px;
}


/* -----------------------------------TABLE */

.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%;}

/*--------------------------------------Textbox */
.textbox{
height:30px;
border:1px solid #D9D9D9;
padding:0px;
}

.textarea{
height:120px;
text-align:justify;
font-family:tahoma;
border:1px solid #D9D9D9;
}

.TXTtimer{
width:40px;
height:20px;
border:0px;
background:#EEEEEE;
text-align:center;
font-size:11pt;
font-weight:bold;
}


/*--------------------------------------PageCover 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;
}

#selazmdiv{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 5px;
    border: 2px solid #4CAF50;
    animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    from {background-color: #FF0000;}
    to {background-color: #D9EDF7;}
    transition: max-height 0.25s ease-in;

    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/* blinking item */
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blink{
    -webkit-animation: blink 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1.5s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1.5s;
    -o-animation-iteration-count: infinite;
}