@import "font-awesome.css";
@font-face {
font-family:'hashemi';
/*src:url(../fonts/bbc-nassim-regular.woff) format("woff"),*/
url(../Fonts/NotoNastaliqUrdu-Regular.ttf) format("truetype");
font-weight:narmal
}
@font-face {
font-family:'hashemi';
/*src:url(../fonts/bbc-nassim-bold.woff) format("woff"),*/
url(../Fonts/NotoNastaliqUrdu-Bold.ttf) format("truetype");
font-weight:bold
}


body {
/*background:#e9ebec url(../images/bg.jpg) repeat;*/
background-color: #fff;
margin:0;
padding:0;
text-align:right;
font-family: hashemi;
font-size:16px;
line-height:28px;
direction:rtl;


}


/*** dropdown menu****/
#menu .active a{color:yellow !important;}

.topnav .icon {
  display: none;
}
#menu .icon a{


  color:#fff;
}
#menu .topnav{}
#menu .topnav .responsive{}
#menu li {float: right;
padding-left:15px;}
#menu a, #menu span{color:white;}
#menu .nav-child, #menu ul li ul li ul li { 
  overflow: hidden;
    display: none;
  position: absolute;
  background-color: #55bd95;

  min-width: 200px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);


  z-index: 100002;


}


#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;
text-decoration:none;
max-width: 100%;
}





:focus {


outline:none


}





a:hover {


color:#ba0000


}

.pagination{display: inline-block;
padding-left: 0;
margin: 20px auto;
border-radius: 4px;
width:100%;}


.pagination p {



}



div.pagination p.counter {
    color: #428bca;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 25px;
}

.pagination > ul li,.pagination > li {
	display:inline;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.pagination > ul li a,.pagination > li > a, .pagination > li > span,.pagination > ul li span {


/*padding:5px;


background-color:#f0f8ff;


border:1px #069A9C solid;


border-radius:10px*/

position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}


.items-more li {list-style: circle;}





.modultable {


overflow:hidden


background:#fff;





}


form {


margin:0;


padding:0;


color:#4c6ba0


}





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 {


background:hsl(0,0%,100%) none repeat scroll 0 0;


border:1px solid hsl(0,0%,80%);


box-shadow:1px 1px 2px 1px hsl(0,0%,88%) inset;


color:hsl(0,0%,0%);


font-size:15px;


padding:1px 10px 6px 5px;


max-width:90%


}





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;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
margin-bottom: 25px;
border-radius: 2px;
background: #fff;
width: 100%;




}





.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:150px


}





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

#logop h1 img{}

.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


}





 .page-header {

width: 100%;
background-color: azure;
padding: 5px 0;
text-indent: 5px;

}





.blog .item {

min-height:270px !important;
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 {

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:rgba(9, 122, 79, 0.8);
border-bottom: :2px solid yellow;
width:100%;
z-index:10000;
box-sizing:border-box;
height:35px;
}





#headmenu.large {

}





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

.article-info img{display:none;}

/****** ezafat akqom****/

p.readmore a.btn{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #039be5;
    color: #fff;
    margin: 0;
    overflow-wrap: break-word;
    padding: 15px 30px;
    white-space: normal;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
       border-radius: 4px;
}
.nav > li > a {
    padding: 3px 5px;
}
div.items-more  li a{    position: relative;
    display: block;
    padding: 10px 15px;}
.cover{background-color:#fff;}
.coverinside p{font-family:hashemi !important;
font-size:15px;
line-height: unset;}
/******************guru*******************/
#guru-component{margin:80px auto;
max-width:1140px;}
#guru-component .uk-form-horizontal .uk-form-label{float:right !important;}