/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 10, 2014, 5:29:13 PM
    Author     : Faisal
*/

/*May 29: Ahmer moved font face definitions from mushaf-fonts.css file to this file as IE does not render Al_Mushaf font otherwise.*/
@font-face
{
    font-family: Al_Qalam;
    src: url('/fonts/Al Qalam Quran Majeed Web Regular.ttf') format('truetype');
}
@font-face
{
    font-family: Alvi Nastaleeq;
    src: url('/fonts/alvi_Nastaleeq_Lahori_shipped.ttf') format('truetype'),
        url('/fonts/alvi_Nastaleeq_Lahori_shipped.eot?#iefix') format('embedded-opentype');
}
@font-face
{
    font-family: Al_Mushaf;
    src: url('/fonts/Al_Mushaf.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Al_Mushaf.woff') format('woff'),
        url('/fonts/Al_Mushaf.ttf') format('truetype');
}

@font-face
{
    font-family: Majidi;
    src: url(/fonts/Majidi_v5.ttf);
}

@font-face
{
    font-family: tajweed;
    src: url(/fonts/tajweed.ttf);
}

@font-face
{
    font-family: usmani;
    src: url(/fonts/UthmanicHafs.ttf);
}

@font-face
{
    font-family: noorehira;
    src: url(/fonts/noorehira.ttf);
}

@font-face
{
    font-family: myriadbold;
    src: url(/fonts/MyriadArabic_Bold.ttf);
}

@font-face
{
    font-family: myriaditalic;
    src: url(/fonts/MyriadArabic_It.ttf);
}

@font-face
{
    font-family: myriad;
    src: url(/fonts/MyriadArabic_Regular.ttf);
}

@font-face
{
    font-family: pdms;
    src: url(/fonts/pdms_saleem.ttf);
}

@font-face
{
    font-family: shatalarab;
    src: url(/fonts/al-mawash-shatt-al-arab.ttf);
}


html, body {
  overflow-x:hidden;
}

.category-right-click-menu {
    display: none;
    z-index:1000;
    position: absolute;
    background-color:#F0F2F1;
    border: 3px solid #E7EAE8;
    overflow: hidden;
    width: auto;
    white-space:nowrap;
    font-family: sans-serif;
    font-size: 15px; /*Ahmer reduced size from 20 on Apr 21 since the menu gets hidden at certain points*/
    font-weight: bold;
    list-style-position:inside;
    padding-right: 10px;
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
}

.category-right-click-menu li {
    padding-left: 5px;
    list-style: none;
    padding-top: 5px;
}

.category-right-click-menu li:hover{
    background-color: #bac0bc;
    cursor: pointer;
}

#main-content {padding: 0;}

.categories-legend.admin{right: 0%;} /*last changed by Ahmer on April 10, 2014*/
.nonmushafrow{
    width: 60%;
    margin-right: 20%;
    /*border-bottom: 1px solid #CCCCCC;*/
    line-height: 150% !important;
}
.nonmushafrowfatiha{width: 67%;}
.normalrow{
    //border-bottom: 1px solid #CCCCCC;
    /*padding: 0 2%;*/
    line-height: 159% !important;
    margin-left: 10px;
    margin-right: 12px;
}
.extendedwordsrow{font-size: 45px;}

.without_blank_area{
    /*width: 88% !important;*/
}
.with_blank_area{

}
.main_page{
    width: 88%;
    /*margin: 0 12px; Ahmer changed Apr 23 from 0 auto to ... on client request to move mushaf page to the left*/
    margin-left: 2%;
    margin-right: 2%;
    text-align: justify;
    padding-left: 0%;
    padding-right: 0%;
    padding-top:  1%; /*Ahmer changed Apr 21: reduced from 10% to 1% on client demand*/
    padding-bottom:  1%; /*Ahmer changed Apr 21: reduced from 10% on client demand*/
    /*z-index: 1000;*/
    position: relative;
    background: none repeat scroll 0 0 #fff;
    margin-top: 20px;
}
.admin.main_page{
    /*width: 78%;*/
    /*font-size: 38px;*/
}
/*.admin.main_page .nonmushafrow{width: 70%; margin-left: 15%;margin-right: 15%;border-bottom: 1px solid #CCCCCC;}*/

.main_page_fatiha {
    margin: 8% 15% 0% 10%;
}
.mushafview .main_page{
    width:95%;
    min-width: 150px;
}
.mushafviewfatiha .main_page_fatiha{
    width:80%;
    min-width: 150px;
}
.mushafview.mushafviewfatiha .main_page_fatiha.main_page_ishara{
    width:60%;
}
.mushafview .main_page.main_page_ishara{
    width:77%;
}
.main_wrapper_img.mushafview{
    position:relative;
    width: 96%;
    margin-left: -1px;
    overflow: hidden;
    //background-color: #fff4cc; /*Ahmer changed Apr 21: consistent white background*/
}

.main_wrapper_img.mushafview.mushafview_ishara{
  width: 94%;
}

.main_wrapper_img.mushafview.mushafview_blank{
  width: 101%;
}

.main_wrapper_img.mushafview.mushafview_only_ishara{
  width: 99%;
}

.RTDialog{
  width:92%;
  margin-left: 4%;
}

.RTDialog.mushafview_blank{
  width:96%;
  margin-left: 4%;
}
.RTDialog.mushafview_only_ishara{
  width:77%;
  margin-left: 4%;
}

.RTDialog.mushafview_ishara{
  width:73%;
  margin-left: 4%;
}

.main_wrapper_img_fatiha.mushafviewfatiha{
    width: 94%;
    margin-left: -1px;
}

.main_wrapper_img_fatiha.mushafviewfatiha.mushafview_ishara{
  width: 88%;
}

.main_wrapper_img_fatiha.mushafviewfatiha.mushafview_blank{
  width: 101%;
}

.main_wrapper_img_fatiha.mushafviewfatiha.mushafview_only_ishara{
  width: 94%;
}
/*------------------------------------------PAGE BORDERS START---------------------------------------------*/

.main_wrapper_img .bgqrimages{position: absolute;}
.main_wrapper_img .topimg{top: 0px; left:0px; right:0px;}
.main_wrapper_img .topimg img{width: 100%;}
.main_wrapper_img .rightimg{top: 0px; bottom:0px; right:0px;}
.main_wrapper_img .rightimg img{height: 100%;}
.main_wrapper_img .leftimg{top: 0px; left:0px;}
.main_wrapper_img .bottomimg{bottom: 0px; left:0px; right:0px;}
.main_wrapper_img .bottomimg img{width: 100%;}

#btn-scrollup{right:0px !important;}

.horizontalborder{
    position: absolute;
    background-repeat:repeat-x;
}
.verticalborder{
    position: absolute;
    background-repeat:repeat-y;
    height: 97%;
}
/*Ahmer added and used below classes for page borders consistency across the board Apr 21: */
.pagebordertop {
    top: 0px;
    left: 0px;
    right: 0px;
    background-image: url('/img/backgrounds/border_image_olsf.png');
    height:6px;
    width:100%;
}
.pageborderright {
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('/img/backgrounds/border_image_olsf.png');
    background-repeat:repeat-y;
    width:6px;
}
.pageborderleft {
    position: absolute;
    top: 0px;
    left: 0px;
    /*bottom: 0px;*/
    background-image: url('/img/backgrounds/border_image_olsf.png');
    background-repeat:repeat-y;
    width:6px;
}
.pageborderbottom {
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0px;
    background-image: url('/img/backgrounds/border_image_olsf.png');
    background-repeat:repeat-x;
    background-position: 100% 100%;
    height:6px;
    width:100%;
}

.pagebordertopfatiha {
    background-image: url('/img/backgrounds/_border_image.png');
    background-repeat:repeat-x;
    height:11%;
    width:64%;
    left: 8%;
    background-size: contain;
}
.pagebordertoprightfatiha{
    position: absolute;
    top: 0px;
    left: 78%;
    right: 0px;
    background-image: url('/img/backgrounds/border_image_olsf.png');
    background-repeat:repeat-x;
    height:6px;
}
.pageborderbottomrightfatiha{
    position: absolute;
    bottom: 38px;
    left: 78%;
    right: 0px;
    background-image: url('/img/backgrounds/border_image_olsf.png');
    background-repeat:repeat-x;
    background-position: 100% 100%;
    height:6px;
}
.pageborderrightinner {
    background-image: url('/img/backgrounds/border_image_olsf.png');
    background-repeat:repeat-y;
    width: 100%;
    left:79.5%;
    position: absolute;
}
.pageborderrightfatihainner {
    background-image: url('/img/backgrounds/_border_image.png');
    background-repeat:repeat-y;
    height: 96%;
    background-size: contain;
    width: 8%;
    left:71.5%;
    position: absolute;
}
.pageborderrightfatiha {
    /*background-image: url('/img/backgrounds/_border_image.png');*/
    /*background-repeat:repeat-y;*/
    height:96%;
    /*width:8%;*/
}
.pageborderleftfatiha {
    background-image: url('/img/backgrounds/_border_image.png');
    background-repeat:repeat-y;
    height:96%;
    background-size: contain;
    width:8%;
}
.pageborderbottomfatiha {
    background-image: url('/img/backgrounds/_border_image.png');
    background-repeat:repeat-x;
    height:11%;
    width:64%;
    left: 8%;
    background-size: contain;
}
/*------------------------------------------PAGE BORDERS END---------------------------------------------*/

.ishaara {
    font-family: Alvi Nastaleeq;
    font-size: 20px;
    text-align: left;
    /*border: 1px dotted black;*/
    padding: 2%;
    color: black;
    position: absolute;
    width: 90%;
    margin-top: 14%;
}
.ishc {
    float: right;
    position: absolute;
    right: -26%;
    width: 23%;
    padding-right: 1%;
    height: 100%;
    top:0%;
    background: #DFDFDF;
}
.ishc_fatiha {
    right: -49.5%;
    width: 33%;
}
.ishaarahtextarea {
    color: black !important;
    width: 100%;
    height: 10%;
}
.numberArea {
    font-size: 14px;
    text-align: left;
    padding: 0%;
    color: black;
    display: inline-block;
    float: right;
    width: 35%;
}
.numberLabel {
    font-size: 14px;
    text-align: left;
    padding: 0%;
    color: black;
    display: inline-block;
    width: 50%;
}


.header-row {
    max-height: 50px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*added by Ahmer for bottom navigation visual distance*/
.bottom-navigation-row {
    margin-top: 18px;
    margin-bottom: -3px;
}

.surah{display: table-cell; font-family:sans-serif;direction: RTL;padding-left: 0px;vertical-align: middle; width: 33%; padding-left: 10px;text-align: left;}
.surah select.input-sm{
    background: transparent;
    /*border: none;*/
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    /*text-overflow: '';*/ //June 6: Ahmer commented on MS sb's advice. This property hides the dropdown triangles
    height: 40px;
    width: auto;
    font-family: sans-serif; /*Ahmer added Apr 21: to ensure font application in dropdown*/
}

.para{display: table-cell;font-family:sans-serif;direction: RTL;padding-right: 10px;vertical-align: middle;float:none; width: 33%; padding-right: 20px;}
.para select.input-sm{
    background: transparent;
    /*border: none;*/
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    /*text-overflow: '';*/ //June 6: Ahmer commented on MS sb's advice. This property hides the dropdown triangles
    height: 40px;
    padding-right: 0px;
    width: auto;
}
.para select.input-sm:hover, .surah select.input-sm:hover{
    cursor: pointer;
}

.page_nav{display: table-cell;float:none; padding-left: 0;}

.page_input{
    width: 16%;
    display: inline;
    font-size:16px;
    text-align: center;
    font-family:sans-serif;
    /*border: none;*/
    background: transparent;
    min-width: 30px;
    border-radius: 4px !important;

}

.input-sm.page_input:focus,.input-sm.page_input:hover {border-color: #3297fd;}

.error{font-weight: 500; text-align: center; color: red;}

.table thead > tr > th.center{text-align: center;}

.table tbody > tr > td.midalign{vertical-align: middle;}

#loading {
    background: url("../images/spinner/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 177px;
    left: 50%;
    margin-left: -140px;
    margin-top: -88.5px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 280px;
    z-index: 999;
}
#loading:after {
    background: url("../images/spinner/spinner.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 68px;
    width: 32px;
}
#loading-overlay {
    background: radial-gradient(ellipse closest-corner at 50% 50% , rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998;
}
#loading span {
    display: inline-block;
    position: relative;
    top: 123px;
}

/*---------------------------------------CATEGORIES DEFINITION PAGE---------------------------------------*/
.categories-error{
    display:none;
    width: 27%;
    font-family: Arial;
    text-align: left;
    vertical-align: top;
}
.categories-container{
    width: 400px;
    margin:0 auto;
}
.categories-content{
    font-size: 25px;
}
.categories-row{
    height: 50px;
}
.categories-name{
    display: inline-block;
    width: 25%;
    font-family: Alvi Nastaleeq;
    text-align: left;
    vertical-align: top;
}
.course{
    font-family: Arial;
    /*font-size: 17px;*/
}
.categories-name.course{
    font-family: Arial;
}

.categories-color-container{
    display: inline-block;
    width: 50%;
}
.categories-color{
    text-align:left;
    color: white !important;
}

.categories-description-container{
    display: inline-block;
    width: 90%;
    margin:0 auto;
    height: auto;
}
.categories-description-row {
    height: auto;
    margin-bottom: 20px;
}
.categories-description-color-container {
    display: inline-block;
    width: 50%;
}
.categories-description-color{
    padding-right: 5px;
    text-align:right;
    color: white !important;
    font-family: Alvi Nastaleeq;
    padding-top: 5px;
    padding-bottom: 5px;
}
.subjects-description-color{
    color: black !important;
    line-height: 2;
    padding: 0 5px;
    text-align:right;
    font-family: Alvi Nastaleeq;
}

/*---------------------------------------CATEGORIES DEFINITION PAGE---------------------------------------*/

.categories-buttons{
    text-align: center;
    width: 100%;
    padding-bottom: 15px;
}

.categories-legend{
    float:right;
    width:5%;  /*last changed by Ahmer on April 10, 2014*/
    position:absolute;
    right: 0%;  /*last changed by Ahmer on April 10, 2014*/
    top:0%;  /*last changed by Ahmer on April 10, 2014*/
    font-family: Alvi Nastaleeq;
    /*color: white;*/
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}
.subjects-legend {
    font-family: Alvi Nastaleeq !important;
}
.categories-legend.mushafview{right: 0%; } /*last changed by Ahmer on April 10, 2014*/

.error-default{
    clear:both;
}

.list-of-words{
    font-size: 30px;
}


/*---------------------------------------SIDEBAR OVERRIDE---------------------------------------*/
.sidebar-collapsed .nav-list > li > a {
    padding: 5px 16px 0 7px !important;
}


/*---------------------------------------GENERAL RULES---------------------------------------*/
.error-page:before{
    background: none;
}

.page_navigator{font-size:30px; height: 30px;margin-top: -8px;}
.nonmushafsmallfont{
    font-size:30px;
    /*padding: 0 !important;*/
}


#UserOptions {z-index: 10001;}
#theme-setting {z-index: 10001;}
#theme-setting > ul > li{width: 300px;}
#theme-setting > ul > li > .pull-left {width: 45%;}
#theme-setting > ul > li > .pull-right {width: 55%;}
#theme-setting ul {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);}

.qc_font{font-family: Majidi;}
.qc_fontsize{font-size: 48px;}
.qc_urdufontsize{font-size: 36px;}
.qc_urdufontsizesmall{font-size: 15px;}
.general_arabic{font-size: 25px;}
/*  MEDIA QUERIES */
/* Smartphones (portrait and landscape) ----------- */
/*@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
 Styles
}

 Smartphones (landscape) -----------
@media only screen
and (min-width : 321px) {
 Styles
}

 Smartphones (portrait) -----------
@media only screen
and (max-width : 320px) {
 Styles
}

 iPads (portrait and landscape) -----------
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
 Styles
.mushafview .main_page{font-size: 20px;}
.page_input{font-size:11px;}
.nonmushafsmallfont{font-size:16px;}
}

 iPads (landscape) -----------
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
 Styles
}

 iPads (portrait) -----------
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
 Styles
}

 Desktops and laptops -----------
@media only screen
and (min-width : 1224px) {
 Styles
.mushafview .main_page{font-size: 48px;}
.nonmushafsmallfont{font-size:30px;}
}

 Large screens -----------
@media only screen
and (min-width : 1824px) {
 Styles
}

 iPhone 4 -----------
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 Styles
    .mushafview .main_page{font-size: 12px;}
    .nonmushafsmallfont{font-size:10px;}
    .surah select.input-sm{font-size: 7px;}
    .para select.input-sm{font-size: 6px;}
    .page_nav{width: auto;}
    .page_input{font-size:8px;}
    .page_nav.col-md-4{padding: 0px;}
    .surah{padding: 0px;max-width: 70px;}
    .para{padding-left: 0px; max-width: 70px;}
    .btn-circle {padding: 2px;}
    .page_navigator {font-size: 20px;margin-top: -1px;}
}*/

@media screen and (max-width: 299px) {
    .mushafview .main_page{font-size: 12px !important;}
    .qc_fontsize{font-size: 12px !important;}
    .qc_urdufontsize{font-size: 8.8px !important;}
    .qc_urdufontsizesmall{font-size: 6px !important;}
    .extendedwordsrow{font-size: 11px !important;}
    .nonmushafsmallfont{font-size:10px !important;}
    .surah select.input-sm{font-size: 6px;}
    .para select.input-sm{font-size: 6px;}
    .page_nav{width: auto;}
    .page_input{font-size:8px;}
    .page_nav.col-md-4{padding: 0px;}
    .recitepage{
        background-image: url('/img/speaker8-8.png') !important;
        width: 8px !important; height: 8px !important; top: 16px !important;
        left: 34% !important;
    }
    .taawuz{
        background-image: url('/img/speaker8-8.png') !important;
        width: 8px !important; height: 8px !important; top: 16px !important;
        left: 63% !important;
    }
    .page_navigator{margin-top: -17px !important;}
    .page_input{font-size: 10px !important;}
    .navpagebtn{margin-top: 1px !important;}
    .surah select.input-sm{padding: 0;font-size: 8px !important; height: 15px !important;}
    .para select.input-sm{padding: 0px; font-size: 8px !important; height: 15px !important;}
    .bottom-navigation-row{margin-bottom: 1px !important;}

    .categories-legend.mushafview{font-size: 7px !important;}
    .ishaara{font-size: 7px !important;}
    .WFWIcon {font-size: 6px !important;}
    .btn-circle {padding: 0px;}
    .btn-circle i {font-size: 4px !important; height: 8px !important; width: 10px !important;}
    .baab{font-size: 9px !important;}
    .wazan{font-size: 10px !important;}
    .root{font-size: 9px !important;}
    .sarfwordattributes{font-size: 8px !important;}
    .baabinheader{font-size: 9px !important;}
    .wazaninheader{font-size: 10px !important;}
    .more_baab_title > a{font-size: 8px !important;}
    .ayatReference{font-size: 8px !important;}
    .audio-player{margin-left: 10% important;}
    .dk-selected {font-size: 6px;line-height: 8px;}
    .dk-select-options,.dk-select-options-highlight{font-size: 6px !important;padding-right: 5px;}
}

/* Smartphones */
@media screen and (min-width: 300px) and (max-width: 380px) {
.main_page .surah .dk-select{padding:0px;width: 100%;}
.main_page .para .dk-select{padding:0px;width: 100%;}

.navbar .navbar-brand{min-width: 160px !important;}
}

@media screen and (min-width: 381px) and (max-width: 500px) {
.main_page .surah .dk-select{padding:0px;width: 100%;padding-left: 10px;}
.main_page .para .dk-select{padding:0px;width: 100%;padding-right: 10px;}
}

@media screen and (min-width: 300px) and (max-width: 500px) {
    .mushafview .main_page{font-size: 12px !important;}
    .qc_fontsize{font-size: 12px !important;}
    .qc_urdufontsize{font-size: 8.8px !important;}
    .qc_urdufontsizesmall{font-size: 7px !important;}
    .extendedwordsrow{font-size: 11px !important;}
    .nonmushafsmallfont{font-size:10px !important;}
    .surah select.input-sm{font-size: 7px;}
    .para select.input-sm{font-size: 7px;}
    .page_nav{width: auto;}
    .page_nav.col-md-4{padding: 0px;}
    .page_navigator{font-size: 20px !important;margin-top: -5px !important;}
    .page_input{font-size: 10px !important;padding: 0px !important;line-height: 10px;min-width: 23px !important;height:20px !important;}
    .navpagebtn{margin-top: 2px !important;}
    .surah select.input-sm{padding: 0;font-size: 9px !important; height: 15px !important;}
    .para select.input-sm{padding: 0px; font-size: 9px !important; height: 15px !important;}
    .bottom-navigation-row{margin-bottom: 1px !important;}

    .categories-legend.mushafview{font-size: 8px;}
    .ishaara{font-size: 11px !important;}
    .btn-circle {padding: 0px;}
    .WFWIcon {font-size: 7px !important;}
    .baab{font-size: 9px !important;}
    .wazan{font-size: 10px !important;}
    .root{font-size: 9px !important;}
    .sarfwordattributes{font-size: 8px !important;}
    .baabinheader{font-size: 9px !important;}
    .wazaninheader{font-size: 10px !important;}
    .more_baab_title > a{font-size: 8px !important;}
    .ayatReference{font-size: 10px !important;}
    .audio-player{margin-left: 20% important;}
    .general_arabic{font-size: 9px;}
    .searchresultsdiv{text-overflow: clip !important;}
    .searchresultarabic > a{padding-right: 3px;}
    .searchresultsurah > a{padding-right: 2px;}
    .searchayatnumber{font-size: 7px !important;}
    .searchresultarabic{width: 80% !important;}
    .searchresultsurah{width: 20% !important;}

    .main_page .surah{padding:0px;}
    .main_page .surah .dk-selected{width: 100%;font-size: 9px;line-height: 15px}
    .main_page .row{margin-left: 0px;margin-right:0px;}
    .main_page .surah .dk-select-options,.dk-select-options-highlight{font-size: 8px !important;padding-right: 15px !important;}

    .main_page .para{padding:0px;}
    .main_page .para .dk-selected{width: 100%;font-size: 9px;line-height: 15px}
    .main_page .para .dk-select-options,.dk-select-options-highlight{font-size: 8px !important;padding-right: 15px !important;}
    .main_page .btn-circle i{width:9px !important;}

    .RTDialog{width:96%;margin-left: 0%;}
    .RTDialog.mushafview_only_ishara{ width:81%;margin-left: 0%;}
    .RTDialog.mushafview_ishara{width:73%;margin-left: 0%;}
    .RTDialog.mushafview_blank{width:97%;margin-left: 0%;}

    .RTDialog.fatiha_page{width:77%;margin-left: 7%;}
    .RTDialog.mushafview_blank.fatiha_page{width:85%;margin-left: 7%;}
    .RTDialog.mushafview_only_ishara.fatiha_page{width:58%;margin-left: 8%;}
    .RTDialog.mushafview_ishara.fatiha_page{width:56%;margin-left: 6%;}

    #main-content > footer {padding: 12px 5px 3px;}
}

@media screen and (min-width: 501px) and (max-width: 650px) {
    .main_page .surah .dk-selected{width: 100%;font-size: 10px;line-height: 17px}
    .main_page .para .dk-selected{width: 100%;font-size: 10px;line-height: 17px}
    .main_page .surah .dk-select-options,.dk-select-options-highlight{font-size: 10px !important;padding-right: 15px !important;}
    .main_page .para .dk-select-options,.dk-select-options-highlight{font-size: 10px !important;padding-right: 15px !important;}

    .page_input{font-size: 13px !important;padding: 0px !important;line-height: 10px;min-width: 35px !important;height:20px !important;}
    .page_navigator{margin-top: -13px !important;margin-left: 12%;}

   .main_page.main_page_fatiha .surah .dk-selected{width: 100%;font-size: 8px;line-height: 17px}
   .main_page.main_page_fatiha .para .dk-selected{width: 100%;font-size: 8px;line-height: 17px}
   .main_page.main_page_fatiha .page_nav .page_navigator{margin-left: 9px !important;}
   .main_page.main_page_fatiha .page_nav{padding-right: 0px !important;}

   .navbar .navbar-brand{min-width: 200px !important;}
}

@media screen and (min-width: 651px) and (max-width: 800px) {
  .main_page .surah .dk-selected{width: 100%;font-size: 13px;line-height: 20px}
  .main_page .para .dk-selected{width: 100%;font-size: 13px;line-height: 20px}
  .main_page .surah .dk-select-options,.dk-select-options-highlight{font-size: 13px !important;padding-right: 25px !important;}
  .main_page .para .dk-select-options,.dk-select-options-highlight{font-size: 13px !important;padding-right: 25px !important;}

  .page_input{font-size: 14px !important;padding: 0px !important;line-height: 10px;min-width: 40px !important;height:22px !important;}
  .page_navigator{margin-top: -13px !important;margin-left: 12%;}

   .main_page.main_page_fatiha .surah .dk-selected{width: 100%;font-size: 11px;line-height: 19px}
   .main_page.main_page_fatiha .para .dk-selected{width: 100%;font-size: 11px;line-height: 19px}
   .main_page.main_page_fatiha .surah .dk-select-options,.dk-select-options-highlight{font-size: 11px !important;padding-right: 22px !important;}
   .main_page.main_page_fatiha .para .dk-select-options,.dk-select-options-highlight{font-size: 11px !important;padding-right: 22px !important;}
   .main_page.main_page_fatiha .page_nav{padding-right: 0px !important;}
}

@media screen and (min-width: 501px) and (max-width: 800px) {
    .mushafview .main_page{font-size: 20px !important;}
    .qc_fontsize{font-size: 20px !important;}
    .qc_urdufontsize{font-size: 16px !important;}
    .qc_urdufontsizesmall{font-size: 12px !important;}
    .extendedwordsrow{font-size: 19px !important;}
    .nonmushafsmallfont{font-size:15px !important;}
    .recitepage{
        background-image: url('/img/speaker24-24.png') !important;
        width: 24px !important; height: 24px !important; top: 25px !important;
        left: 62% !important;
    }
    .recitepage.recitepage_ishara{left: 50% !important;}
    .taawuz{
        background-image: url('/img/speaker24-24.png') !important;
        width: 24px !important; height: 24px !important; top: 25px !important;
        left: 36% !important;
    }
    .taawuz.taawuz_ishara{left: 30% !important;}
    .navpagebtn{margin-top: 3px !important;}
    .surah select.input-sm{padding: 0;font-size: 12px !important; height: 17px !important;}
    .para select.input-sm{padding: 0px; font-size: 12px !important; height: 17px !important;}
    .bottom-navigation-row{margin-bottom: 1px !important;}

    .categories-legend.mushafview{font-size: 10px !important;}
    .ishaara{font-size: 13px !important;}
    .WFWIcon {font-size: 8px !important;}
    .baab{font-size: 15px !important;}
    .wazan{font-size: 17px !important;}
    .root{font-size: 15px !important;}
    .sarfwordattributes{font-size: 13px !important;}
    .baabinheader{font-size: 16px !important;}
    .wazaninheader{font-size: 19px !important;}
    .more_baab_title > a{font-size: 8px !important;}
    .ayatReference{font-size: 15px !important;}
    .audio-player{margin-left: 22% important;}

    .searchresultarabic{width: 80% !important;}
    .searchresultsurah{width: 20% !important;}
    .general_arabic{font-size: 16px;}
    .searchayatnumber{font-size: 12px !important;}
/*    .dk-selected {font-size: 11px;line-height: 17px;width: 100%;}
    .dk-select-options,.dk-select-options-highlight{font-size: 11px !important;padding-right: 20px;}*/

    .main_page .surah{padding:0px;}
    .main_page .surah .dk-select{padding:0px;width: 95%;padding-left: 10px;}
    .main_page .para{padding:0px;}
    .main_page .para .dk-select{padding:0px;width: 95%;padding-right: 10px;}
    .main_page .btn-circle i{width:9px !important;}
    .main_page .row{margin-left: 0px;margin-right:0px;}

    .RTDialog{width:96%;margin-left: 0%;}
    .RTDialog.mushafview_only_ishara{ width:80%;margin-left: 0%;}
    .RTDialog.mushafview_ishara{width:74%;margin-left: 0%;}
    .RTDialog.mushafview_blank{width:97%;margin-left: 0%;}

    .RTDialog.fatiha_page{width:75%;margin-left: 9%;}
    .RTDialog.mushafview_blank.fatiha_page{width:82%;margin-left: 9%;}
    .RTDialog.mushafview_only_ishara.fatiha_page{width:58%;margin-left: 8%;}
    .RTDialog.mushafview_ishara.fatiha_page{width:55%;margin-left: 7%;}

    #main-content > footer {padding: 12px 10px 3px;}
}

@media screen and (min-width: 801px) and (max-width: 900px)  {
  .main_page .surah .dk-select{width: 95%;}
  .main_page .para .dk-select{width: 95%;}
  .page_input{font-size: 16px !important;padding: 0px !important;line-height: 10px;min-width: 43px !important;height:25px !important;}
  .page_navigator{margin-top: -11px !important;margin-left: 12%;}
  .main_page .btn-circle i { font-size: 16px !important;}

   .main_page.main_page_fatiha .surah .dk-selected{width: 100%;font-size: 13px;line-height: 21px}
   .main_page.main_page_fatiha .para .dk-selected{width: 100%;font-size: 13px;line-height: 21px}
   .main_page.main_page_fatiha .surah .dk-select-options,.dk-select-options-highlight{font-size: 13px !important;padding-right: 23px !important;}
   .main_page.main_page_fatiha .para .dk-select-options,.dk-select-options-highlight{font-size: 13px !important;padding-right: 23px !important;}
}

@media screen and (min-width: 901px) and (max-width: 1100px)  {
  .main_page .surah .dk-select{width: 90%;}
  .main_page .para .dk-select{width: 90%;}
  .page_input{font-size: 16px !important;padding: 0px !important;line-height: 10px;min-width: 43px !important;height:25px !important;}
  .page_navigator{margin-top: -11px !important;margin-left: 12%;}

   .main_page.main_page_fatiha .surah .dk-selected{width: 100%;font-size: 13px;line-height: 21px}
   .main_page.main_page_fatiha .para .dk-selected{width: 100%;font-size: 13px;line-height: 21px}
   .main_page.main_page_fatiha .surah .dk-select-options,.dk-select-options-highlight{font-size: 13px !important;padding-right: 23px !important;}
   .main_page.main_page_fatiha .para .dk-select-options,.dk-select-options-highlight{font-size: 13px !important;padding-right: 23px !important;}
}

@media screen and (min-width: 1101px){
  .qc_fontsize{font-size: 40px;}

  .main_page .surah{padding:0px;}
  .main_page .surah .dk-select{padding:0px;padding-left: 10px;}
  .main_page .para{padding:0px;}
  .main_page .para .dk-select{padding:0px;padding-right: 10px;}
  .main_page .btn-circle i{width:12px !important;}
  .main_page .row{margin-left: 0px;margin-right:0px;}

  .main_page .surah .dk-select{width: 70%;}
  .main_page .para .dk-select{width: 70%;}
  .main_page .surah .dk-selected{width: 100%;font-size: 15px;line-height: 30px}
  .main_page .para .dk-selected{width: 100%;font-size: 15px;line-height: 30px}
  .main_page .surah .dk-select-options,.dk-select-options-highlight{font-size: 15px !important;padding-right: 30px !important;}
  .main_page .para .dk-select-options,.dk-select-options-highlight{font-size: 15px !important;padding-right: 30px !important;}

  .page_input{width: 19% !important;}

   .main_page.main_page_fatiha .surah .dk-selected{width: 100%;font-size: 14px;line-height: 27px}
   .main_page.main_page_fatiha .para .dk-selected{width: 100%;font-size: 14px;line-height: 27px}
   .main_page.main_page_fatiha .surah .dk-select-options,.dk-select-options-highlight{font-size: 14px !important;padding-right: 23px !important;}
   .main_page.main_page_fatiha .para .dk-select-options,.dk-select-options-highlight{font-size: 14px !important;padding-right: 23px !important;}
}

@media screen and (min-width: 801px) and (max-width: 1100px)  {
    /*.mushafview .main_page{font-size: 30px;}*/
    .qc_fontsize{font-size: 30px !important;}
    .qc_urdufontsize{font-size: 24px !important;}
    .qc_urdufontsizesmall{font-size: 14px !important;}
    .extendedwordsrow{font-size: 29px !important;}
    .nonmushafsmallfont{font-size:20px !important;}
    .recitepage{
        background-image: url('/img/speaker24-24.png') !important;
        width: 24px !important; height: 24px !important; top: 18px !important;
        margin-top: 2px !important;
    }
    .taawuz{
        background-image: url('/img/speaker24-24.png') !important;
        width: 24px !important; height: 24px !important; top: 18px !important;
        margin-top: 2px !important;
    }

    .navpagebtn{margin-top: 4px !important;}
    .surah select.input-sm{padding: 0;font-size: 14px !important; height: 20px !important;}
    .para select.input-sm{padding: 0px; font-size: 14px !important; height: 20px !important;}
    .bottom-navigation-row{margin-bottom: 1px !important;}

    .categories-legend.mushafview{font-size: 12px !important;}
    .ishaara{font-size: 20px !important;}
    .WFWIcon {font-size: 9px !important;}
    .baab{font-size: 24px !important;}
    .wazan{font-size: 26px !important;}
    .root{font-size: 24px !important;}
    .sarfwordattributes{font-size: 20px !important;}
    .baabinheader{font-size: 25px !important;}
    .wazaninheader{font-size: 27px !important;}
    .more_baab_title > a{font-size: 13px !important;}
    .ayatReference{font-size: 24px !important;}
    .audio-player{margin-left: 24% important;}

    .main_page .surah{padding:0px;}
    .main_page .surah .dk-select{padding:0px;padding-left: 10px;}
    .main_page .para{padding:0px;}
    .main_page .para .dk-select{padding:0px;padding-right: 10px;}
    .main_page .btn-circle i{width:12px !important;}
    .main_page .row{margin-left: 0px;margin-right:0px;}

    .main_page .surah .dk-selected{width: 100%;font-size: 15px;line-height: 23px}
    .main_page .para .dk-selected{width: 100%;font-size: 15px;line-height: 23px}
    .main_page .surah .dk-select-options,.dk-select-options-highlight{font-size: 15px !important;padding-right: 32px !important;}
    .main_page .para .dk-select-options,.dk-select-options-highlight{font-size: 15px !important;padding-right: 32px !important;}
}

@media screen and (min-width: 1025px){
    /*.mushafview .main_page{font-size: 48px;}*/
/*    .nonmushafsmallfont{font-size:25px;}
    .qc_fontsize{font-size: 30px;}
    .extendedwordsrow{font-size: 29px;}*/
.searchresultarabic{width: 80% !important;}
.searchresultsurah{width: 20% !important;}
.RTDialog{width:89%;margin-left: 5%;}
.RTDialog.mushafview_only_ishara{ width:74%;margin-left: 5%;}
.RTDialog.mushafview_ishara{width:70%;margin-left: 5%;}
.RTDialog.mushafview_blank{width:93%;margin-left: 5%;}

.RTDialog.fatiha_page{width:74%;margin-left: 12%;}
.RTDialog.mushafview_blank.fatiha_page{width:77%;margin-left: 14%;}
.RTDialog.mushafview_only_ishara.fatiha_page{width:55%;margin-left: 12%;}
.RTDialog.mushafview_ishara.fatiha_page{width:51%;margin-left: 12%;}
/*.searchresultstextdisplay{padding-right:10px;margin:0px;color: black;}
.searchayatnumber{color: white;font-size: 20px;font-family: sans-serif;font-weight: bold;}*/

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.mushafview .main_page{font-size: 20px;}
.nonmushafsmallfont{font-size:16px;}
.general_arabic{font-size: 16px;}
.searchayatnumber{font-size: 12px !important;}
.searchresultarabic{width: 80% !important;}
.searchresultsurah{width: 20% !important;}
.RTDialog{width:89%;margin-left: 6%;}
.RTDialog.mushafview_only_ishara{ width:74%;margin-left: 6%;}
.RTDialog.mushafview_ishara{width:69%;margin-left: 6%;}
.RTDialog.mushafview_blank{width:92%;margin-left: 6%;}

.RTDialog.fatiha_page{width:71%;margin-left: 14%;}
.RTDialog.mushafview_blank.fatiha_page{width:77%;margin-left: 14%;}
.RTDialog.mushafview_only_ishara.fatiha_page{width:55%;margin-left: 13%;}
.RTDialog.mushafview_ishara.fatiha_page{width:51%;margin-left: 13%;}
/*  .main_page .surah .dk-select{width: 95%;padding:0px;padding-left: 10px;}
  .main_page .para .dk-select{width: 95%;}
  .page_input{font-size: 12px !important;padding: 0px !important;min-width: 13px !important;height:25px !important;}
  .page_navigator{margin-top: -11px !important;margin-left: 5%;}
  .main_page .btn-circle i { font-size: 12px !important;}

    .main_page .surah{padding:0px;}
    .main_page .para{padding:0px;}
    .main_page .para .dk-select{padding:0px;padding-right: 10px;}
    .main_page .btn-circle i{width:2px !important;}
    .main_page .row{margin-left: 0px;margin-right:0px;}

    .main_page .surah .dk-selected{width: 100%;font-size: 15px;line-height: 23px}
    .main_page .para .dk-selected{width: 100%;font-size: 15px;line-height: 23px}
    .main_page .surah .dk-select-options,.dk-select-options-highlight{font-size: 15px !important;padding-right: 32px !important;}
    .main_page .para .dk-select-options,.dk-select-options-highlight{font-size: 15px !important;padding-right: 32px !important;}*/

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

@media screen and (min-width: 768px) and (max-width: 800px){
    .recitepage{
        margin-top: 1% !important; top: 13px !important;
    }
    .taawuz{
        margin-top: 1% !important; top: 13px !important;;
    }
}

.wordforwordrow{height: auto; overflow: hidden;border: none; border-bottom: 1px solid #cccccc;padding-bottom: 3px;padding-top: 3px;} /*height to auto by Ahmer on April 10, 2014*/
.wfw-table-arabicrow{padding-left: 5px; padding-right: 5px;text-align: center;color: black;}
.wfw-table-row{padding-left: 5px; padding-right: 5px;text-align: center;line-height: 2em;color: white; background-color: green;}
.wfw-table-lang_3_row{font-family: Arial;padding-left: 5px; padding-right: 5px;text-align: center;line-height: 2em;color: grey;}

.runningtransrow{
    height: auto;
    overflow-y: auto;
    overflow-x: no-content;
    font-family: Alvi Nastaleeq;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    border: 1px dotted;
    background-color: green; /* changed by Ahmer Apr 2, 2014. #FFF7DB;*/
    color: white; /* added by Ahmer Apr 2, 2014. */
    text-align: center;
}

.wfw-table-urdurow {
    background-color: green;
    color: white;
    border-top: 2px solid white;
}

.surahsummaryrow{
    cursor: pointer;
}
.surahsummary{
    height: auto;
    overflow-y: auto;
    overflow-x: no-content;
    font-family: Alvi Nastaleeq;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    border: 1px solid;
    background-color: green; /* changed by Ahmer Apr 2, 2014. #FFF7DB;*/
    color: white; /* added by Ahmer Apr 2, 2014. */
}

.wfwtextarea{
    color: white !important;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: green;
}
.maazitextareadisabled{
    background-color: darkgray !important;
    width: 100%;
    height: 100%;
}

.notestextarea{
    color: white !important;
    width: 100%;
    height: 100%;
    background-color: green;
}
.notes{
    min-height: 100px;
    height: auto;
    overflow-y: auto;
    overflow-x: no-content;
    font-family: Alvi Nastaleeq;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    border: 1px solid;
    background-color: white;
    color: black;
}

.wfwtable, .wfwtable th
{
border:none;
border-collapse:collapse;
}
.wfwtable td{border-left:1px dotted black;}
.wfwtable td:last-child{border-left:none;}

.wfwtable tr:nth-child(odd) {
    /*background-color: #82C0FF;*/
}
.wfwtable tr:nth-child(even) {
    /*background-color: #FFF7DB;*/
}

.modal-footer {
    margin-top: 0;
    padding: 13px 20px;
    background-color: #F0F0F0;
}

.modal-header {
    padding: 8px;
    background-color: #9797ab;
    text-align: center;
    color: White;
}

.singleclick:hover{
    cursor: pointer;
}

/* Sarf-e-Sagheer Page */
.sarf-e-sagheerword:hover {
    cursor: pointer;
    text-decoration: underline; /*Ahmer added style to distinguish hover event from wfw and sarf word Apr 21: */
}
.sarfparentdiv{direction: RTL;}
.sarfwordattributes{font-family: Majidi;font-size: 28px;color: blue; display: inline-block;}
.sarfCell { border: 1px solid black; }
th.sarfCell {
    background-color: #009933;
    color: #ffff66;
}
td.sarfCell {
    background-color: #ffff33;
    color: #cc0000;
}
.sarfparentdiv .urdu{font-family: Alvi Nastaleeq;}
.root{font-family: Majidi;font-size: 35px;color: blue; display: inline-block;}
.baab{font-family: Majidi;font-size: 35px;color: blue; display: inline-block;}
.wazan{font-family: Majidi;font-size: 38px;color: indigo; display:inline;}
.baabinheader{font-family: Majidi;font-size: 36px;color: blue; display: inline-block;}
.headerbaab{color:#FFF7DB;font-size: 28px;font-weight: bold;}
.wazaninheader{font-family: Majidi;font-size: 40px;color: indigo; display:inline;}
/*Ahmer removed border lines on client demand Apr 21: */
.gardaan table, .gardaan table th .gardaan table td{
    //border:1px solid black;
    border-top:1px solid black;
    border-bottom: 1px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-collapse:collapse;
}


.gardaan table th, .gardaan table tr{text-align: center;}

.sarfitashreeh table, .sarfitashreeh table th, .sarfitashreeh table td{
border:2px solid black;
border-collapse:collapse;
}

.moreayat, .moreayat th, .moreayat td
{
border:1px solid black;
border-collapse:collapse;
}

#moreInfo .ayats{font-size:36px;overflow-y: auto; overflow-x: auto;height:400px;border: 1px solid black;}
.moreayat .trans{font-family: Alvi Nastaleeq;font-size: 30px;padding-top: 2px; padding-bottom: 2px;}
.moreayat .trans > td{padding-top: 4px; padding-bottom: 2px;padding-left: 10px;padding-right: 6px;}
.moreayat .arabic > td{padding-top: 4px; padding-bottom: 2px;padding-left: 6px;padding-right: 6px;}

.moreayat tr:nth-child(even) {
    background-color: #FFF7DB;
}
.moreayat tr:nth-child(odd) {
    background-color: #166c93;
    color:white;
}

.additionalfields, .additionalfields th, .additionalfields td
{
border:1px solid black;
border-collapse:collapse;
}
.synonyms, .synonyms th, .synonyms td
{
border:1px solid black;
border-collapse:collapse;
}

table tbody tr:hover.sarfekabeerclickable{cursor: pointer;}
.sarfekabeerclickable{
    font-family: Al_Mushaf;
}

.modal-backdrop.in {
  opacity:0.2;
}


/*  ======================Sarf Edit Page=========================*/
.clickable {
    cursor: pointer;
}
.right-clickable {}

.sarf-properties-dropdown {
    width:12%;
    font-family: Al_Mushaf;
    font-size: 20px;
    color: #000000 !important;
}
.sarf-baab {
    width:25%;
    font-family: Majidi;
    font-size: 20px;
    color: #000000 !important;
}

.sarf-traditional-baab {
    width:35% !important;
    color: red !important;
}
.sarf-baab-masdar {
    width:35% !important;
    color: #000000 !important;
}

.sarfedit-textbox {
    width:100%;
    text-align: center;
    font-family: Al_Mushaf;
    font-size: 48px;
    color: #000000 !important;
}
.sarfedit-textbox-extra {
    width:100%;
    text-align: right;
    font-family: Alvi Nastaleeq;
    font-size: 36px;
}
.sarfedit-root {
    width:50%;
    text-align: right;
    font-family: Majidi;
    font-size: 20px;
}

.sarfedit-container{
    width: 400px;
    margin:0 auto;
}
.sarfedit-content{
    font-size: 20px;
}
.sarfedit-row{
    height: 50px;
}
.sarfedit-name{
    display: inline-block;
    width: 25%;
    font-family: Al_Mushaf;
    text-align: left;
    vertical-align: top;
}
.sarfeditcourse{
    font-family: Arial;
    /*font-size: 17px;*/
}
.sarfedit-name.sarfeditcourse{
    font-family: Arial;
}

.sarfedit-color-container{
    display: inline-block;
    width: 50%;
}
.sarfedit-color{
    text-align:left;
    color: white !important;
}
.sarfedit-buttons{
    text-align: center;
    width: 100%;
}
.sarfedit-error{
    display:none;
    width: 27%;
    font-family: Arial;
    text-align: left;
    vertical-align: top;
}

.auto-hide-container{
/*    width:10px;
    background: black;
    height:100%;*/
}
.show-navbar-on-hover{
    /*display: none !important;*/
}

div.auto-hide-container:hover div.show-navbar-on-hover{
    /*display:block;*/
}

.webkitmsg {
    text-decoration: underline;
}

.WFWIcon {
    /*background: none repeat scroll 0 0 #FFA500;*/
    float: right;
    font-size: 18px;
    right: 0.5%;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin-top: 3%;
    margin-left: 1%;
}

.arabic-text-in-result-cell {
    font-size: 30px;
    font-family: Majidi;
}

.recitepage_fatiha{
    top: 10% !important;
    left: 32%;
}
.taawuz_fatiha {
    top: 10% !important;
    left: 56%;
}

.recitepage{
    position: absolute;
    margin: 0%;
    top: 22px;
    left: 36%;
    background-image: url('/img/speaker.png');
    height:32px;
    width:32px;
    cursor: pointer;
    z-index: 1005;
}
.recitepage.recitepage_ishara{left: 28%;}
.taawuz {
    position: absolute;
    margin: 0%;
    top: 22px;
    left: 58%;
    background-image: url('/img/speaker.png');
    height:32px;
    width:32px;
    cursor: pointer;
    z-index: 1005;
}

.taawuz.taawuz_ishara{left: 48%;}
.dropdown-toggle {
    z-index: 1101 !important;
}
.submenu {z-index: 1100 !important;}
.search-pan {z-index: 1100 !important;padding: 5px;}

.audio-player {
    /*position: absolute;*/
    /*left: 31%;*/
    /*top: 5px;*/
    /*width: 40% !important;*/
    /*z-index: 1020;*/
    min-width: 200px !important;
    margin-left: 28% !important;
    width: 25% !important;
    /*padding: 0 !important;*/
/*    transform:rotate(270deg);
    -ms-transform:rotate(270deg);  IE 9
    -webkit-transform:rotate(270deg);  Opera, Chrome, and Safari     */
}

.audio_player_pause > a > i{font-size: 14px !important;padding-top: 5px !important;}
.audio_player_play > a > i{font-size: 14px !important;padding-top: 5px !important;}

.jp-repeat, .jp-repeat-off{
    right: 90px !important;
}

.ayat-span{
    border-bottom: 1px solid #CCCCCC;
}
.first_ayat_on_page{
    border-top: 1px solid #CCCCCC;
}
.wordOnMushaf{
    vertical-align:baseline ;
    display: inline-block;
    
}
.punctuationwordOnMushaf{
    font-family: Majidi !important;
}

.langNameInDialog {
    display:block;
    color: green;
}
.optionLabel{
    font-size:13px !important;
    float:left;
}
.optionValue{
    font-size:12px !important;
}
#theme-setting > ul{
    /*width: 100%;*/
    background-color: orange;
}
#theme-setting > ul > li{
    width: 70%;
}

.relatedAyatEx{
    width: 100%;
    border: 2px solid;
    text-align: center;
    background-color: #00FFCC;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
}

.relatedAyatExTrans{
    width: 100%;
    border: 2px solid;
    text-align: center;
    background-color: #00FFCC;
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 5px;
}

.word_picture{
    display: inline-block;
    width: 30%;
    height: 20%;
}
.more_baab_title{
    width: 100%;
    border: 2px solid black;
    text-align: center;
    background-color: lightgreen;
    color:black;
}
.more_baab_title > a{
    font-family: Open Sans;
    font-size:19px;
    color: blue;
    margin-top: 2%;
    margin-left: 10px;
}
.more_ayat{
    width: 100%;
    border: 2px solid;
    text-align: center;
    background-color: #00FFCC;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
}
.highlighted_word_in_ayat{
    color: yellow;
}
.highlighted_word_in_searchayat{
    color: rgb(242,105,136);
}
.highlighted_word_in_example_ayat{
    color: red;
}
.ayatReference{
    font-family: Al_Mushaf;
    font-size: 28px;
    vertical-align: middle;
}
.attachment_name{
    font-family: Arial;
    font-size: 17px;
    vertical-align: middle;
    font-style: italic;
}
.synonymsFormContainer{
    font-family: Arial;
    font-size: 17px;
    float: left;
}
.starsFormContainer{
    font-family: Arial;
    font-size: 17px;
    float: right;
    margin-right: 52px;
}
.upload_label{
    font-weight: bold;
}

.highlighted-ayat-color{
    background-color: yellow !important;
    /*color: brown !important;*/
}
.highlighted-ayat-font{
    /*font-size: 52.5px;*/
    /*text-shadow: 2px 2px #FF0000;*/
    background-color: yellow !important;
/*    border-bottom: 6px underline red;
    padding-bottom: 5px !important;*/
}
.wordstar{
    background-image: url('/img/wordstar.png');
    background-repeat:none;
    display: inline-block;
    height:28px;
    width:26px;
    cursor: pointer;
    position: relative;
    top: -11px;
}

.paginate_button_disabled, .paginate_button_disabled:hover {color: #9d9d9d !important;}
.paginate_button,.paginate_active{float:left;text-align:left;}
.paginate_active{color: white !important;}
.pagination_footer{border:1px solid #DFDFDF;border-top:none;}
.dataTables_wrapper .footer, .pagination_footer{padding:5px 10px;}

.dk-select.form-control.input-sm {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    text-align: right;
}
/*#dk0-listbox{width: 91.5%;}*/

.sub_main{margin-bottom: -20px؛}
/*.main_footer{background: none repeat scroll 0 0 #e9f0f9;}*/
.sub_main > div{padding: 5px 20px 0px;}
.breadcrumb {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);}
.main_footer > div{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);padding-top: 10px;margin-bottom: 10px;;width: 100%}
/*.main_footer.footer_with_ishara > div{margin-right: 1%;}*/

.searchresultsdiv{display: table-cell; vertical-align: middle; float: left;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 3px; padding-bottom: 3px;}
.searchresultarabic{width: 85%;background-color: #eee;}
.searchresultsurah{width: 15%;background-color: #ddd;}
.searchresultstextdisplay{padding-right:10px;margin:0px;color: black;}
.searchayatnumber{color: white;font-size: 20px;font-family: sans-serif;font-weight: bold;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .btn-circle i {display: inline-block !important;}
}