.popover-content {
    font-size: 14px;
}

body {
	text-align: center; 
	width: 100%;  
	background: #fff url(800fade.gif) repeat-y top center; 
	padding-top: 50px;
}
#wrap {text-align: left; width: 800px; margin: 0 auto; direction:ltr; }
/*#title {text-align: center; margin: 0 0 20px 0;}*/
#page {
	width: 750px; 
/*	margin: 0 auto; 
	padding: 10px; */
	direction: rtl;
	clear: both;
	text-align: right;
	white-space: pre-wrap;
}

#header {
	text-align: left;
}
#content #page {font-size: 20px; line-height: 36px;}

#page span {color: #f00; cursor: pointer;}
.show {position: absolute; top: 0; left: 0; background-color: #fff; border: 2px solid #aaa; padding: 10px 10px; width: 200px; background-color: #FFFF99; }
.gloss {font-weight: bold; color: #f00; cursor: pointer;}
.noshow {display: none;}

.persian-template {
  width: 95%;
  padding: 30px 5px;
  margin: 0 auto;
}

.login-template {
  width: 50%;
  padding: 30px 5px;
  margin: 0 auto;
  text-align: left;
}

@media (min-width: 1200px) {
  .container {
    width: 800px;
  }
}

.normal-page {
	direction: ltr;
	text-align: left;
}

.navbar-inverse {
	background-color: #efefef;
	border: none;
}
.navbar-inverse .navbar-brand {
	color: #646464;
}
.text-title, .text-content {
	direction: rtl;
}
.text-title {
	text-align:left;
}
.title {
  font-size: 20px;
}
.heading-left {
	text-align: left;
}
li a:hover {
    background-color: yellow;
    color: green;
}
h1, h2, h3 {
	margin-bottom:10px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #2a6496;
    background-color: transparent;
}