@charset "utf-8";
@font-face {font-family: 'IRANSans';src: url('../font/IRANSans.woff') format('woff'),url('../font/IRANSans.ttf') format('truetype');}
@font-face {font-family: 'AKufi';src: url('../font/AKufi.woff') format('woff'),url('../font/AKufi.ttf') format('truetype');}
.name {color:#5CB85C;font-family:inherit;}
* {font-family:IranSans;line-height:35px;}
body {background:#fff;padding:0;margin:0;}
h1.title,h1.vtitle,h1.stitle,h1.wtitle,h1.qtitle {margin:0;font-size:17px;}
h2 {font-size: 17px;font-weight: normal;color: #008000;border-top:1px solid #008000;}
p {margin:3px 0;}
a {text-decoration:none;color:#0066CC;}
a.btn {display:inline-block;border-radius:5px;margin:1px;padding:0 5px;font-size:small;line-height:25px;}
form input {line-height:23px;border-radius: 5px;border: 1px solid #abc;}
form select {padding:1px 0;}
form select option {font-family:Tahoma;}
form textarea {border-radius: 5px;border: 1px solid #abc;}
label span {font-size:smaller;}
.rtl {direction:rtl;text-align:right;}
.ltr {direction:ltr;text-align:left;}
.center {text-align:center;}
.justify {text-align:justify;}
.inline {display:inline;}
.kufi {font-size:1.1em;font-family:AKufi;}
.versetext {font-family:AKufi;font-size:18px;font-weight:normal;color:#008000;background:#fafafa;margin:0;padding:10px 5px;border-radius:5px 5px 0 0;}
.prefix {color:#5BC0DE;font-family:inherit;}
.versetranslate {text-align:justify;}
.nowrap {width:100%;overflow-x:auto;white-space:nowrap;}
.small {font-size:small;}
.highlight {background:#ff0;border-radius:5px;}
.hidden {display:none;}
.btn {border: 0;padding: 3px 5px;border-radius: 5px;color:#fff;}
.btn-basic {background:#f0f0f0;color:#111;}
.btn-primary {background:#337AB7;}
.btn-success {background:#5CB85C;}
.btn-info {background:#5BC0DE;}
.btn-warning {background:#F0AD4E;}
.btn-danger {background:#D9534F;}
div.verses {margin:15px 0;}
div.verse {border:1px solid #abc;border-radius:5px 5px 0 0;margin:3px 0;padding:0;}
div.verse p.translate {font-family:IRANSans;font-size:16px;color:#111;margin:3px 0;padding:0 5px;width:inherit;}
ul.words {max-height:215px;overflow-y:auto;}
img#logo {vertical-align:middle;}
div#content {margin:1px 3%;}
div#toptoolbar form {display:inline-block;}
div#copyright {margin:0;padding:1px 3%;background:#333;color:#fff;font-size:smaller;}
div#copyright a {color:yellow;}

table.qtable {
    *border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}
table.qtable tbody tr:nth-child(even) {
    background: rgba(240,240,240,0.5);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}
table.qtable tbody tr:nth-child(odd) {
    background: rgba(220,220,220,0.5);;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.3) inset;        
}
table.qtable tbody tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}
table.qtable td, table.qtable th {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: right;
    width:auto;
    white-space:nowrap;
}
.ltr table.qtable td, .ltr table.qtable th {text-align: left;}
table.qtable th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, right top, right bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rtl table.qtable td:first-child, .rtl table.qtable th:first-child {
    border-right: none;
}
.ltr table.qtable td:first-child, .ltr table.qtable th:first-child {
    border-left: none;
}
table.qtable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
table.qtable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
table.qtable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
table.qtable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
table.qtable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
table.q2c tr td {width:50%;}
table.q3c tr td {width:33.3%;}
table.q4c tr td {width:25%;}
table.q5c tr td {width:20%;}
table.q6c tr td {width:16.6%;}
table.q7c tr td {width:14.2%;}
table.q8c tr td {width:12.5%;}
table.q9c tr td {width:11.1%;}
table.q10c tr td {width:10%;}

ol.slist {padding:0 17px 0 0;}
ul.slist {list-style:none;padding:0;}
.slist li {clear:both;background:rgba(240,240,240,0.5);line-height:40px;padding:1px 5px;margin-bottom:1px;transition-property:background,padding,border;transition-duration:0.3s;}
.rtl .slist li:hover {background:rgba(220,220,220,0.5);padding-right:15px;border-right:3px solid #aaa;}
.ltr .slist li:hover {background:rgba(220,220,220,0.5);padding-left:15px;border-left:3px solid #aaa;}

@media (max-width: 767px) {
	.xshide {display:none;}
	.versetext {font-size:16px;}
	input#query {max-width:132px;}
	input.searchsubmit {padding:1px 3px;}
	table.qtable td, table.qtable th {white-space:normal;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .shide {display:none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mhide {display:none;}
}
@media (min-width: 1200px) {
	.lhide {display:none;}
}