﻿body, .btn {
    font-family:DroidKufi;
    font-size:14px;
    text-rendering: optimizeLegibility;
    /*letter-spacing: -0.04em;
    word-spacing: -0.04em;*/
    /*font-family:Amiri QuranWeb;
    font-family:KacstArt;
    font-family:KacstDecorative;
    font-family:KacstFarsi;
    font-family:KacstTitle;*/
}

.badge{
    letter-spacing: normal;
    word-spacing: normal;
}

.v-center {
    display:table !important;
}

.content {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.navbar{
    min-height: 37px;
}

.navbar-inner {
    margin-top: 2px;
}

.fixed-bar {
    margin-top: 2px !important;
    /*padding: 3px 5px !important;*/
    padding: 0 8px;
}

.fixed-bar > i {
    margin-top: 5px !important;
}

.btn-bar {
    background-color: #7DAC89 !important;
    border-color: #ADADAD !important;
    color: #FFFFFF !important;
}

.btn-bar:hover {
    background-color: #FFFFFF !important;
    border-color: #CCCCCC !important;
    color: #333333 !important;
}

.btn-rss{
    background-color: #f59122 !important;
    border-color: #f59122 !important;
    color: #FFFFFF !important;
}

.btn-rss:hover {
    background-color: #e9881c !important;
    border-color: #e9881c !important;
    color: #FFFFCE !important;
}

.btn-facebook{
    background-color: #3b5998 !important;
    border-color: #3b5998 !important;
    color: #FFFFFF !important;
}

.btn-facebook:hover {
    background-color: #30487b !important;
    border-color: #30487b !important;
    color: #FFFFCE !important;
}

.btn-twitter{
    background-color: #55acee !important;
    border-color: #55acee !important;
    color: #FFFFFF !important;
}

.btn-twitter:hover {
    background-color: #309aea !important;
    border-color: #309aea !important;
    color: #FFFFCE !important;
}

.btn-google-plus{
    background-color: #EE5555 !important;
    border-color: #EE5555 !important;
    color: #FFFFFF !important;
}

.btn-google-plus:hover {
    background-color: #EA3030 !important;
    border-color: #EA3030 !important;
    color: #FFFFCE !important;
}

.templatemo_title { 
	text-align: right;
	width: 100%; 
	font-size: 46px; 
	color: #3cb04a;
	font-weight: 400; 
	margin-top: 60px;
}

.templatemo_title a { 
	color: #3cb04a; 
}

.templatemo_subtitle {
	color: #3cb04a; 
	float: right; 
	margin-top: 5px; 
}
.tooltip-inner {
  color: #ffffff !important;
  background-color: #000000 !important;
}
.breadcrumb{
    margin-bottom:5px;
}
h3{
    margin:0;
}
#FatwaT{
    padding:12px;
    margin:0;
    background-color:#FFFFE6;
}
#FatwaQ, #FatwaA, #FatwaF{
    padding:12px;
    margin:0;
    background-color:#fffff2;
    line-height:1.8;
    font-family: Arial;
	font-weight: bold;
    font-size:17px;
}
#FatwaQ{
    color:#22818f;
}
#FatwaA{
    color:#333;
}
#FatwaF{
    color:#3cb04a;
    line-height: 1.4;
    padding-top:0px;
}
.width-categories{
    width:49.5%;
}
.thumbnail{
    margin-bottom: 3px;
}
.width-full{
    width:100%;
}
.width-half-btn{
    width:50.1%;
}
.box > .btn{
    border-radius: 0px;
    border-bottom-width:0px;
}
.box > .btn.box-top-left{
    border-top-left-radius: 4px;
}
.box > .btn.box-top-right{
    border-top-right-radius: 4px;
}
.box > .btn.box-bottom-left{
    border-bottom-left-radius: 4px;
    border-bottom-width:1px;
}
.box > .btn.box-bottom-right{
    border-bottom-right-radius: 4px;
    border-bottom-width:1px;
}
.box > .btn > h4, h5{
    margin-top: 3px;
    margin-bottom: 3px;
}
.nav > li > a:hover, .nav > li > a {
    font-weight: bold;
}
.footer{
    background-color: #dff0d8 !important;
    border-color: #e7e7e7 !important;
    margin-top:20px;
    padding-top:12px;
    padding-bottom:12px;
}

.carousel{
    padding-left:15px;
    padding-right:15px;
}
.carousel-inner{
    border-radius: 4px;
}
.carousel .item {
    width: 100%; /*slider width*/
    height: 30px; /*slider height*/
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    border-radius: 4px;
}
.carousel .item img {
    width: 100%; /*img width*/    
    border-radius: 4px;
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
}