body {
    background: #eef0f3 none repeat scroll 0 0;
    border: medium none;
    line-height: 1;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}

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

@font-face {
    font-family: "IRANSansMedium";
    font-weight: 500;
    src: url("/styles/font/eot/IRANSansWeb_Medium.eot?#iefix") format("eot"), url("/styles/font/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("/styles/font/woff/IRANSansWeb_Medium.woff") format("woff"), url("/styles/font/ttf/IRANSansWeb_Medium.ttf") format("ttf");
}

@font-face {
    font-family: "IRANSansLight";
    font-weight: 300;
    src: url("/client/themes/fa/main/fonts/IRANSansWeb_Light.eot?#iefix") format("eot"), url("/client/themes/fa/main/fonts/IRANSansWeb_Light.woff2") format("woff2"), url("/client/themes/fa/main/fonts/IRANSansWeb_Light.woff") format("woff"), url("/client/themes/fa/main/fonts/IRANSansWeb_Light.ttf") format("ttf");
}

@font-face {
    font-family: "IRANSansBold";
    font-weight: bold;
    src: url("/styles/font/eot/IRANSansWeb_Bold.eot?#iefix") format("eot"), url("/styles/font/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("/styles/font/woff/IRANSansWeb_Bold.woff") format("woff"), url("/styles/font/ttf/IRANSansWeb_Bold.ttf") format("ttf");
}

@media (max-width:767px) {
    #Rast {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 10px !important;
    }

    #Chap {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 1px !important;
    }

    .EachPanel {
        margin-bottom: 20px !important;
    }

    #TopBanner {
        margin-top: 20px;
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        float: right;
    }

    .header_middle {
        margin-bottom: 30px;
        width: 100%;
    }

    #top-menu-wrapper {
        float: right;
        width: 100%;
    }
}

*:not(em) {
    font-family: "IRANSans";
}

.header_middle {
    height: 110px;
    margin: 30px auto !important;
}

    .header_middle img {
        max-height: 100px;
    }

.top-menu-wrapper {
    background-color: #161e2c;
    box-shadow: none;
    position: relative;
}

#TopBanner {
    float: left;
    padding-top: 70px;
    width: 100%;
    text-align: left;
}

#BrandWrapper {
    float: right;
    padding-top: 70px;
    width: 100%;
}

#Rast, #Chap {
    margin-top: 40px;
}

#Rast {
    float: right;
    padding-left: 40px;
}

#Chap {
    float: left;
}

.EachPanel {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 40px;
    margin-top: 0 !important;
    padding: 0;
}

.EachPanel_title {
    padding: 30px 30px 20px 0;
    float: right;
    width: 100%;
}

    .EachPanel_title .icon {
        border-radius: 100%;
        color: #fff;
        font-size: 20px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        width: 45px;
        margin-left: 10px;
        display: inline-block;
        float: right;
    }

.Rang1 {
    background-color: #ca504c;
}

.EachPanel_content {
    direction: rtl;
    margin: 10px 20px 20px !important;
    text-align: right;
    float: right;
    display: block;
}

.PanelTitrMatn {
    float: right;
    font-size: 20px;
    line-height: 2em;
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: "IRANSansBold";
}

.valign {
    display: block;
}

img.responsive-img, video.responsive-video {
    height: auto;
    max-width: 100%;
}
.color0 {
    background: #FFF !important;
}
.color1 {
    background: #3498db !important;
}

.color2 {
    background-color: #c0392b !important;
}

.color3 {
    background: #296BCD !important;
}

.color4 {
    background: #1BA1E2 !important;
}

.color5 {
    background: #f39c12 !important;
}

.color6 {
    background: #16a085 !important;
}

.color7 {
    background: #8e44ad !important;
}

.color8 {
    background: #ac193d !important;
}

.color9 {
    background: #273C67 !important;
}

.color10 {
    background: #96BF01 !important;
}

.color11 {
    background: #E51400 !important;
}

.color12 {
    background: #2C84EE !important;
}
.color13{
    background: #ffab00 !important;
}
.color14 {
    background: #0d47a1 !important;
}
.color15 {
    background: #2962ff !important;
}
.color16 {
    background: #202736 !important;
}
.deeppurple {
    background: #673ab7 !important;
}
.lightblue{
        background: #03a9f4 !important;
}
.amber{
    background: #ffab00 !important; 
}
.red{
     background: #f44336 !important;
   
}

.metro-panel {
    padding: 10px;
    color: #FFF;
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    float: left;
    transition: all 5s ease;
}

#content-wrapper .row {
}

.metroitem {
    width: 100%;
    display: block;
    color: white;
    position: relative;
    transition: .5s ease-in-out;
}

.metroitemA {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.metro-panel {
    transition: .5s ease-in-out;
}

.h150 {
    min-height: 150px;
}

.h320 {
    min-height: 320px;
}
.h360 {
    min-height: 360px;
}

.h75 {
    min-height: 75px;
}

.metroicon {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    font-family: FontAwesome;
    text-shadow: 0 1px rgba(0,0,0,0.2);
    color: #FAFAFA;
    transition: .5s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.metroiconside {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    font-family: FontAwesome;
    text-shadow: 0 1px rgba(0,0,0,0.2);
    color: #FAFAFA;
    transition: .5s ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.box-title {
    position: absolute;
    bottom: 18px;
    right: 15px;
    font-size: 22px;
    font-weight: 300;
    text-shadow: 1px 0 1px rgba(0,0,0,0.2);
}
.box-titleL {
    position: absolute;
    bottom: 18px;
    left: 15px;
    font-size: 22px;
    font-weight: 300;
    text-shadow: 1px 0 1px rgba(0,0,0,0.2);
    direction:ltr
}
.box-titleR {
    position: absolute;
    bottom: 8px;
    right: 15px;
    font-size: 22px;
    font-weight: 300;
    text-shadow: 1px 0 1px rgba(0,0,0,0.2);
    direction:rtl
     
}

.ColorBlack{
    color:black;
}
.metroitem:hover > .metroicon {
    text-shadow: 1px #ffffff;
    transform: scale(1.3);
}

.metroitem:hover {
    text-shadow: 1px #ffffff;
    transform: scale(1.05);
}

.icon-1x {
    padding-top: 2px;
    font-size: .8em;
    vertical-align: baseline;
}

.icon-2x {
    padding-top: 20px;
    font-size: 2em;
}

.icon-3x {
    padding-top: 40px;
    font-size: 3em;
}

.icon-4x {
    font-size: 4em;
}

.icon-5x {
    font-size: 5em;
    padding-top: 20px;
    vertical-align: middle;
}

body {
    background-image: url('/Styles/img/bg-.jpg');
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background: none repeat scroll 0 0 #1F0068;
    overflow-x: hidden;
    transition: 0.2s ease;
    padding-top: 60px;
    direction: rtl;
    text-align: right;
    /*padding-right:30px;*/
}

    .sidenav a {
        padding: 8px 8px 8px 2px;
        text-decoration: none;
        font-size: 25px;
        color: #fff;
        display: inline-block;
        transition: 0.3s;
        text-align: right;
        line-height: 1.8em;
        width: 100%;
    }

        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 1px;
        font-size: 36px;
        margin-left: 50px;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

#sideNavItemWraper {
    width: 100%;
    height: 100%;
    display: block;
    float: right;
}

    #sideNavItemWraper ul {
        list-style: none;
        position: relative;
        right: 0px;
        padding: 0;
        margin: 0;
    }

        #sideNavItemWraper ul li {
            position: relative;
        }

            #sideNavItemWraper ul li :hover {
                background-color: #4718b6;
            }

    #sideNavItemWraper li i {
        display: inline-block;
        min-width: 28px;
        width: 41px;
        margin-right: 20px;
        margin-left: 11px;
        text-align: center;
        /*background: #AC193D;*/
        padding: 11px;
        box-shadow: 0px 0px 2px rgba(255,255,255,.3) inset;
        float: right;
    }

    #sideNavItemWraper li span {
        float: right;
        display: inline-block;
        position: relative;
        right: 70px;
        font-size: 20px;
        top: 2px;
    }

#sideSearchWrapper {
    width: 100%;
    height: 40px;
    position: relative;
    top: 10px;
    margin-bottom: 15px;
}

#SideSearchTextBox {
    height: 2.513em;
    padding: 5px 10px;
    box-shadow: none;
    border: medium none;
    color: #222;
    background: #FFF;
    width: 90%;
    margin-right: 20px;
}

#SideSearchLinkButton {
    height: 33px;
    position: absolute;
    left: 16px;
    margin: 1px;
    width: 36px;
    z-index: 100;
    background-color: #4718B6;
    padding: 0 0 0 5px;
    text-align: left;
}

    #SideSearchLinkButton em {
        position: absolute;
        top: 6px;
        left: 8px;
        font-size: 20px;
    }

.topicons {
    border: 2px solid #FFF;
    border-radius: 50% 50% 50% 50%;
    color: #FFF;
    height: 40px;
    margin: 0 1px;
    display: block;
    text-shadow: 0 0 0;
    width: 40px;
    position: relative;
    text-align: center;
    float: right;
    margin-left: 10px;
}

    .topicons:hover {
        background-color: white;
        color: black;
    }

.topMenuButton i {
    cursor: pointer;
}

.topMenuButton em {
    padding-top: 11px;
}

.Esmeman {
    font-size: 30px;
    color: white !important;
    text-decoration: none !important;
    line-height: 1.4em;
}

    .Esmeman :hover {
        color: white !important;
    }

.ArtivleImageWrapper{
    width:100%;
    text-align:center;
    max-height:220px;
    display:inline-block;
      float:right;
      background-color:white;
}
    .ArtivleImageWrapper img {
        max-width:100%;
        max-height:220px;
    }
    .ArticleTitle
    {
        font-size:14px;
        margin-top:8px;
        float:right;
         padding:10px;
    }
    .ArticleBriff
    {
        font-size:14px;
        text-align:right;
        direction:rtl;
        padding:10px;
        max-height:150px;
       
      line-height:1.7em;
      float:right;
      display:inline-block;
    }
    .ArticleBriff p{
 overflow:hidden;
      text-overflow:ellipsis;
    }
.hararticle {
    overflow:hidden;
      text-overflow:ellipsis;
}
.sideNavigationCol {
    background-color:white;
    min-height:500px;
    padding-top:20px;
    padding-bottom:20px;
    font-size:12px;
    margin-bottom:30px;
}
.pad10{
    padding:20px;
}
#ChapterInnerContent
{
    line-height:1.8em;
    font-size:16px;
}
.ChapterContent h1{
    width:100%;
    text-align:center;
    margin-bottom:30px;
    line-height:1.6em
}
.ChapterContent h2{
    line-height:1.6em
}
.Codee{
    direction:ltr;
    text-align:left;
    float:left;
    margin:15px 0 15px 0;
    padding:20px;
     clear:both;
     display:inline-block;
     width:100%;
}
#ArticleCommentsWrapper
{
margin-top:10px;
}
.font12{
    font-size:12px;
}
.font14{
    font-size:14px;
}
.PushRight {
    float:right
}

.PushLeft {
    float:left
}
.commentbuttonwrapper {
    margin-top:30px;
    padding-top:10px;
    border-top:1px solid #cecece ;
}
.commentdatewraper{
    line-height:2.8em;
}
.commentheader{
      line-height:2em;
}
.allComment .panel-body
{
    padding-bottom:3px !important;
}
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}
.form-group.required .control-label:after {
  content:"*";
  color:red;
}
@-webkit-keyframes shake {
            0%, 100% {-webkit-transform: translateX(0);} 
            10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
            20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
         }
         
         @keyframes shake { 
            0%, 100% {transform: translateX(0);} 
            10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
            20%, 40%, 60%, 80% {transform: translateX(10px);} 
         }
 .shake { 
            -webkit-animation-name: shake; 
            animation-name: shake; 
         }
          .animated {
            -webkit-animation-duration: 1s; 
            animation-duration: 1s; 
            -webkit-animation-fill-mode: both; 
            animation-fill-mode: both;
         }
.widetextbox {
    height:120px !important;
}
.btn-primary {
    color:white !important;
}
.btn-primary:hover {
    color:#c7c7c7 !important;
}
     #recaptcha_response_field {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
           #recaptcha_response_field:focus {
    border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
#recaptcha_area {
    text-align:center;
     width:100%;display:block;
}
.recaptchatable {
    width:100%;
    text-align:center;
   
}
blockquote {
    position: relative;
    padding: 15px;
    min-height: 55px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 1px 3px 0 rgba(0,0,0,.25);
    line-height: 1.5;
    /*border-right: 7px solid #fe3103;*/
    font-style: italic;
    margin: 30px auto;
}
.NewsDetail .author {
    text-align: left;
}
.ReplyCommentContent
{
    margin-top:10px;
    font-size:14px;
}
.ReplyCommentContent textarea
{
    width:100%;
    height:auto;
    border:none !important;
    resize: none;
    user-select:none;
    -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
}

.MainCommentBorder{
      border-right: 7px solid #fe3103;
}
.ReplyCommntBorder{
 border-right: 7px solid #00d0ff;
 padding-bottom:5px !important
}
.indent20
{
    margin-right:20px;
}
/*.panel-body{
    transition: all 2s ease;
}*/ 
/*.collapsing {
    transition: height 1.6s;
}*/ 
.allComment .panel-title em{
    margin-left:10px;
}
.allComment .panel-title .mtitle
{
    font-size:12px; width:90%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ltr {
    text-align:left;
    direction:ltr;
    
}
.ReplyComment .postid {
    font-size:14px;
    padding-right:10px;
    cursor:pointer;
}
.ReplyComment .replaytitle{
    font-size:14px;
}
.ReplyComment
{
    padding-bottom:5px;
    margin-bottom:10px;
     margin-top:5px;
}
#RP1{
    /*background-color:##ff6500;*/
}
.text-left {
    direction:ltr;
    text-align:left;
}
.text-right {
    direction:rtl;
    text-align:right;
}
blockquote .fa {
    margin-left:5px;
}
.Goright{
    float:right !important;
}
.ReplyCommentFooter{
      border-top:1px solid #cecece ;
      padding-top:10px;
}
.eachSearchItem
{
   border-top:1px solid #cecece ;
   padding:10px;
}
.searchresult
{
    padding:10px;
}
.searchBriff
{
    margin-top:10px;
}
.FAR{
    direction:rtl;
    text-align:right;
}
.ENG{
    direction:ltr;
    text-align:left;
}
.author
{
    margin-top:30px; 
    display:inline-block;
      margin-bottom:30px; 
      line-height:1.8em;
}
.VAS{
    text-align:center !important;
  

}
.active{
    background-color:#296BCD;
}
.active a{
    color: #f1f1f1;

}
 .active a:hover
{
      background-color:#296BCD !important;
}
 #chapters a
 {
     line-height:1.8em
 }
 #innerContent h2{
     margin-bottom:60px;
 }
 .ChapterBriff{
     padding:20px;
 }
 .ChapterBriff h3{
     font-size:16px;
 }
 .ChapterBriff li{
     margin-right:20px;
 }
 .ENGR{
     direction:ltr;
     float:right;
     text-align:right;
 }
 #innerContent h3
 {
     display:inline-block;
     clear:both;
     line-height:1.8em;
     width:100%;
 }
 #innerContent table
 {
     width:100%;
     border:1px solid #dbdbdb;
     margin-bottom:10px;
      margin-top:10px;
 }
 #innerContent thead tr
 {
     background-color:#dbdbdb;
     text-align:center
 }
 #innerContent thead tr td
 {
     border:1px solid #9a9a9a
 }
  #innerContent table thead.CEN th{
      text-align:center;
  }
 #innerContent table td{
     border-left:1px solid #dbdbdb;
        border-top:1px solid #dbdbdb;
         border-right:1px solid #dbdbdb;
     padding:5px;
 }
 .sql
 {
     color:blue;
 }
 .ENGTable tbody tr td{
     direction:ltr;
     text-align:left;
      border-right:1px solid #dbdbdb;
 }
  #innerContent img
  {
      /*max-width:100%;*/
  }
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
    direction:ltr !important;
    text-align:left;   
}
.smallh1
{
    font-size:20px;
}
.smallh2
{
    font-size:16px;
}
.whitematn{
    color:white;
}
.resumep
{
    line-height:2em;
}
.resumep p
{
    line-height:2em
}
.resumep ul li
{
    line-height:2em;
}
.socials span
{
    margin-bottom:10px;
     margin-right:5px;
}
@media(max-width:767px) {
    .Esmeman
    {
        font-size:20px;
    }
}
.resumep a 
{
    max-width:99%;
    /*display:inline-block;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction:ltr;
    
}
.metroitem img{
    margin-top:5px;
}
.resumep img{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
.myimagewraper
{
    text-align:center !important;
    width:100%;
    display:inline-block;
    height:70px;
    float:left;
}
.myimagewraper img
{
  position:absolute;
      left:40px;
}
.myimagewraper2 img
{
 
}
.resumep p
{
    color:#414141;
    line-height:2.5em;
}
.pagination_parent
{
    width:100%;
    float:left;
    display:inline-block;
    text-align:center;
    direction:rtl;
}
.pagerNumberButtons
{
    direction:rtl;
    text-align:right;
}
.pagerwraper
{
    width:100%;
    display:inline-block;
    margin-top:10px;
}
p.alert
{
    margin-top:10px;
    float:right;
    width:100%
}
.font18{
    font-size:18px;
}
.copyright {
    line-height:1.8em;
}