@import "font-awesome.css";

@font-face {
font-family:'hashemi';
src:url(../fonts/IRANSansLight.woff) format("woff"),url(../Fonts/IRANSansLight.ttf) format("truetype");
font-weight:400
}

@font-face {
font-family:'hashemi';
src:url(../fonts/IRANSansMedium.woff) format("woff"),url(../Fonts/IRANSansMedium.ttf) format("truetype");
font-weight:700
}
body {
background:#e9ebec url(../images/pine.png) repeat; 
margin:0;
padding:0;
text-align:right;
font-family:hashemi!important;
font-size:16px;
line-height:28px;
direction:rtl;
}
a.no-click{
   pointer-events: none;
   cursor: default;
}
/*** dropdown menu****/
.topnav .icon {
  display: none;
}
#menu .icon a, #menu span{
  color:#fff;
}
#menu .topnav{}
#menu .topnav .responsive{}
#menu li {float: right;
padding-left:15px;}
#menu a{color:white;}
#menu .nav-child, #menu ul li ul li ul li { 
  overflow: hidden;
    display: none;
  position: absolute;
  background-color: #4d5457;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100002;
  max-width:400px;
}
#menu .parent {background-image:url("../images/dot.png")  ;
background-repeat:no-repeat;
background-position: right center;
padding-right:13px;
}
#menu .nav-child li{padding: 5px 13px 5px 0;
width: 100%;
border-bottom: 1px aliceblue solid;}
#menu .nav-child li:hover{background-color: #98c8f2;} 
#menu .parent:hover .nav-child{ display:block;}

 
/******vertical menu***/
.col div.moduletablesitelink p a img {
height:50px;
outline:1px solid hsl(197,49%,50%);
width:97.7%;
margin:3px 0 0!important;
box-sizing:border-box
}

.col  li a {
width:100%;
background:#b1edf4 url(../images/list4.png) no-repeat scroll 98% center;
display:block;
padding:1px 21px 0 0;
margin:1px 0 0;
box-sizing:border-box
}

.col  li ul li a {
white-space:nowrap
}

.col  li a:hover {
background-color:#b9f9fb
}

.col  li ul {
display:none
}

.col  li:hover ul {
display:block!important;
position:absolute;
right:140px!important;
top:0;
width:100%;
z-index:1000
}

.col .moduletable_menu ul ul ul {
display:none;
right:213px;
width:160px
}

.col  li {
position:relative
}
/*****page builder***/
#top .custom p{
padding: 0px !important;
margin: 0px !important;
}
#top .custom img { width: 100%;
    height: 170px;
 }
.secpic img{ height:150px; 
border:1px dashed #ccc;
border-radius:25px;} 
.sppb-btn{float:right;}

/*************guru************/
.guru-modal {top:80px;} 
#guru-component , #guru-component li a{font-family: hashemi !important;} 
.gru-page-title {
    margin-top: 20px;
    border: azure 1px solid;
    background-color: lavender;
    text-align: right;
    padding-right: 5px; 
}
/******* public*******/
.pub {
float:right
}
.icon-print {
content:"\f02f";
font-family:FontAwesome!important
}

dl dd span,div .icons span {

}
.clr {
zoom:1
}

ul,dl,ol {
list-style:none;
margin:0;
padding:0;
/*display:inline*/
}

dl dt,dd {
margin:0;
padding:0 3px 0 10px;
line-height:22px;

}

dt {
/*display:none*/
}

a,img {
outline:none;
border:none;
margin:0;
padding:0;
color:#4c6ba0;
text-decoration:none;
max-width: 100%;
}

:focus {
outline:none
}

a:hover {
color:#ba0000
}
.pagination p {
margin:0;
margin:0 auto
}

.pagination > ul li {
display:inline-block;
margin-right:10px
}

.pagination > ul li a {
padding:5px;
background-color:#f0f8ff;
border:1px #069A9C solid;
border-radius:10px
}

.pagination{margin: 10px auto;}
.items-more li {list-style: circle;}

.modultable {
overflow:hidden
background:#fff;

}
form {

}

form legend {
padding:10px 0 0;
font-weight:400
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration:none!important
}

a:hover {
text-decoration:none!important
}

h1 {
font-size:30px
}

h2 {
font-size:20px!important
}

h3 {
font-size:16px
}

h4 {
font-size:14px
}

h6 {
font-size:12px
}

p {
color:hsl(0,0%,20%);
font-size:16px;
line-height:25px
}

fieldset {
border:none;
margin:0
}

.well,.well-small,.well-large {
padding:0!important
}

input,textarea {

}

input:focus {
box-shadow:0 0 3px #4c6ba0
}

.validate {
padding:3px;
border:0;
border-radius:3px;
box-shadow:none;
background:#00cee0;
font-weight:700;
color:#fff;
cursor:pointer
}

.validate:hoverer {
border-color:#0c0e20;
background:#16193b
}

.calendar {
margin:0 0 0 5px;
vertical-align:middle;
cursor:pointer
}

.form-validate legend {
display:block;
width:100%;
margin:10px 0 0;
padding:0 0 5px;
font-size:16px;
font-weight:700;
border-bottom:1px solid #00cee0
}

.form-validate .formelm {
margin:0 0 10px
}

.form-validate .star {
color:red;
font-weight:700
}

.form-validate label {
display:inline-block;
margin:10px 0 0;
width:50%
}

.form-validate .button2-left {
margin:0 5px 0 0;
padding:3px 6px;
border:0;
float:left;
border-radius:3px;
box-shadow:none;
background:#00cee0;
font-weight:700;
color:#fff;
cursor:pointer
}

.form-validate .button2-left a {
text-decoration:none;
color:#fff
}

.form-validate .button2-left:hover {
background:#fa8e2e
}

.form-validate textarea.inputbox {
width:98%
}

.form-validate #editor-xtd-buttons {
margin:10px 0
}

.form-validate .toggle-editor {
float:right
}

table,table.weblinks td {
/*border-collapse:collapse*/
}

table.weblinks th,table.newsfeeds th,table.category th,table.jlist-table th {
background:#dedede;
color:#939598
}

table.weblinks,table.category {
width:98%;
margin:10px 10px 20px 0
}

table.weblinks td,table.category td {
padding:7px
}

table.weblinks th,table.category th {
text-align:right;
padding:7px
}

table.category th a img {
padding:2px 10px
}

td.num {
vertical-align:top;
text-align:left
}

td.hits {
vertical-align:top;
text-align:center
}

.error {
background:#fdcdc9;
border:none;
border-radius:5px;
margin:10px 0 20px;
padding:10px
}

#system-message dt.warning {
color:#be4e4c;
font-size:16px;
font-weight:700;
margin:0 0 10px
}

#system-message dd.warning li {
line-height:20px;
background:transparent url(../images/arrow-2.png) no-repeat left top;
padding:0 0 0 20px
}

.tip-wrap {
background:#fff;
border:1px solid #e5e5e5;
border-radius:5px;
margin:0 0 10px;
padding:10px
}

.contact-links li,#article-index li {
line-height:20px
}

.input-small {
display:block;
margin:2px 0 15px
}

.control-group {
margin:0 0 0 10px !important
}

.input-small {
width:70%!important
}

.unstyled {
clear:both
}

#errorboxbody {
color:red
}



.item-page {
  padding: 5px ;
margin:10px auto;
position:relative;
background-color: rgba(245,244,242,0.72);
border-radius: 2px;
border: 1px solid #e8e8e8;
box-sizing: border-box;;
}
.item-page h2{ color: #A56700;
margin: 5px 10px 5px 0; }
.item img {
    padding: 5px 0 5px 5px;
    float: right;
    width: 300px;
    height: 180px;
}

.blog-featured .item img {
border:1px solid #4C6BA0;
height:90px;
margin:0 0 0 6px;
padding:1px;
}
.blog ,#system-message-container,k-ui-rtl{width:100%;
max-width: 1140px;
margin:0 auto;}
.blog-featured .item,.items-leading,.blog .item {
padding:5px
}

.blog .item {
margin-bottom:15px;

}

.item-page h3 {
color:#4E9FD9
}

.item-page .actions {
position:absolute;
top:0;
right:10px
}

.item-page .actions li {
display:inline
}

.items-leading .actions {
position:absolute;
top:0;
right:10px
}

.items-leading .actions li {
display:inline
}

.items-row {
margin:0 0 10px;
position:relative;
min-height:275px;
}

.items-row h2 a:hover,.page-header h2 a:hover {
color:#054662
}

.items-row .actions {
position:absolute;
top:0;
right:10px
}

.items-row .actions li {
display:inline
}

.article-info {

}

.article-info dd {
display:inline-block;
padding-bottom:5px;
padding-left:10px;
float:none
}

.highlight {
margin:0 2px;
padding:0 3px;
background:#fa8e2e;
color:#fff
}

footer {
color:#186f6f
}

/*************/


#logop h1{font-size: 0;
    padding: 10px 0 10px 0;
}
#logop h1 img{height: 80px;}
.default-white .ju-slider-intro {
font-size:14px
}
#info img{max-height: 80px;
float: right;
margin: 0 10px 0 20px;}

}
#copy a {font-size: 15px;
color: lightblue;}



#left .latestnewslatest li a:hover {
background-color:hsl(0,0%,97%);
background-image:url(../images/a.png),url(../images/1arrow.png);
background-position:-6px bottom,98% 18px;
background-repeat:no-repeat;
background-size:208px 4px,auto auto;
color:hsl(199,100%,38%)
}



#rasaneh1 div.moduletable,#rasaneh2 div.moduletable {
width:100%;
border:1px solid #e3e3e3;
box-sizing:border-box;
}
#tab div.moduletable{width:24.6%;
    float: right;
        max-height: 320px;
    overflow: hiden;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    margin-left: 0.5%;
box-sizing:border-box;}
.nomargin{margin: 0 !important}
div.moduletable h3{
background-color: darkblue;
color:#fff;
font-size:17px!important;
height:30px;
line-height:30px;
text-align:center
}
#tab  h3{background-color: darkorange;}
#rasaneh5 .custom {
height:30px
}

#left li {
margin:0;
padding:0 13px 7px 0
}



#slideshow a:hover {
color:#fa8e2e
}


footer a {
color:#fa8e2e;
text-decoration:none
}

footer a:hover {
text-decoration:none
}


.moduletables .big-item-container {
margin-left:15px
}

.moduletables .frontpage .big-item-wrap {
width:40%!important
}

.moduletables .frontpage .small-item-list {
width:57%!important;
float:left
}

.moduletables .frontpage .small-items-container .small-item-wrap .small-item-image {
float:right;
margin-left:10px;
border:1px solid #5f7bf5;
border-radius:3px;
padding:1px
}

#rasanehsoft-right .moduletable {
width:96%;
margin:0 auto
}

.icons li {
width:50px;
float:left
}


.gn_header_2 {
display:none
}

.page-header h1 {
font-size:15px;
border:none
}

#continer .blog .items-more {
margin:0 20px
}

li.previous,li.next {
width:50px;
float:right
}

.jcomments-links {
text-align:left
}

form.gsc-search-box {
width:90%!important
}

#frontpage ul.media-nav,ul.media-nav {
float:left;
margin:-5px 644px 0 0
}



#adminForm ul.category.list-striped.list-condensed li p {
clear:both;
color:#000;
overflow:hidden;
padding:0 5px
}

#continer div.categories-list h3.page-header.item-title a {
background:rgba(0,0,0,0) url(../images/bolet.gif) no-repeat scroll 99% 7px;
display:block;
margin:13px 0 -8px;
padding:0 25px
}

#continer div.categories-list h3.page-header.item-title {
padding:0 10px
}

#continer div div.weblink-category h2 {
background:#ebebeb none repeat scroll 0 0;
padding:5px 35px 5px 0;
border-bottom:1px solid #ccc
}

#adminForm ul.category.list-striped.list-condensed li p img {
padding:0 5px
}

#adminForm ul.category.list-striped.list-condensed li div.list-title {
background:#f9f7eb;
margin:0 -14px 0 10px;
padding:5px 20px 5px 0;
outline:1px solid #fa8072
}

#comments-form textarea {
height:100px!important;
max-width:80%!important;
width:80%!important
}

#comments-form .grippie {
width:80%!important;
max-width:80%!important
}

#jform_contact_message.required {
height:110px!important;
width:90%!important
}

.blog .leading-1 .page-header,.blog .leading-0 .page-header,.blog .leading-2 .page-header,.blog .leading-3 .page-header,.blog .leading-4 .page-header,.blog .leading-5 .page-header {
min-height:40.5px!important
}

.blog .item {
margin-bottom:15px
}

.users .moduletable h3 {
background-image:url("../images/zz.png ");
background-position:100% 18%;
background-repeat:no-repeat;
line-height:35px
}

.users .moduletable li a {
color:hsl(150,17%,14%);
display:block;
line-height:25px
}

.users .moduletable li {
background:hsla(0,0%,0%,0) url("../images/flower.png ") no-repeat scroll right center / 9px auto;
padding:0 15px 0 0 !important
}

div.item-page div.page-header h2 {
font-family:hashemi
}

#comments-form label,#comments-report-form label {
padding:0 10px 0 0 !important
}

.moduletable img {
max-width:100%
}



 .fa {
color:#8EEAF4
}


.items-leading,.items-row {
background-color: rgba(245,244,242,0.72);
border-radius: 2px;
border: 1px solid #e8e8e8;
margin-top:10px;
}






#headmenu,a,img,li {
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s
}

img.logo {
float:right ;
margin:10px 0 0 5px ; 
width:32px;
}

#headmenu {
background:#000;  
border-bottom: :2px solid yellow;
width:100%;
position:fixed;
z-index:10000;
top:0;
right:0;
box-sizing:border-box
}

#headmenu.large {
height:40px
}

#headmenu.large img {


}

#headmenu.large #menu li {

}

#headmenu.small {
height:50px
}

#headmenu.small img {
width:158px;
height:40px
}

#headmenu #menu {
float:right;
width:auto
}


 img.headlogo{width: 100%;
height: auto;}


.hlight .bt-category {
    margin: 0px 0px;
    width: 100%;
    background: #e5f4fb;
    text-align: center;
}


.label.label-info {

    background-color: #5aaef8;
    border: 1px solid darkblue;
    padding: 3px;
    border-radius: 5px;
    color: white;
display: inline-block;
float: right;
margin: 5px;}

.item-image img{display:none;}
.parent span.separator {color: #fff;}
.parent span.separator:hover{background-color:#1063a1;
}
#rsform-table3 .rsform-table-row .rsform-right-col,.rsform-table .rsform-big-subtitle,.rsform-table .rsform-small-subtitle {

    color: #262626 !important;
}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 5px !important;
}