:root {
    --main-bg-color: #084c3c;
    --nav-hover: #fafae0;
    --ayaNumber: #28a745;
    --next_prev: #fee998;
    --aya_number: #6db282;
    --tafseer_box_title: #ab986a;
    --social_icon: #084c3c;
    --ayaSelected: #fee999;
    --sura_info: #fee998;
    --siteBack: #f9eac6;
}
.cleaner { clear: both;}
@font-face {
font-family: 'Quran';
url('Aljazeera.ttf')  format('truetype');
}


@font-face {
font-family: 'Quran_rr4';
url('Al-Jazeera-Arabic-Regular.ttf')  format('truetype');
}

@font-face {
font-family: Quran_b;
src: url(4_F1.ttf); 
}


@font-face { 
font-family: Quran_r;
src: url(Al-Jazeera-Arabic-Regular.ttf); 
}

@font-face {
    font-family: "quran Font";
    src: url("https://mosshaf.com/css/fonts/hafs_ttf/hafs2.otf");
    /* IE 9 */
    src: url("https://mosshaf.com/css/fonts/hafs_ttf/hafs2.otf?") format("eot"), /* IE 6-8 */
    url("https://mosshaf.com/css/fonts/hafs_ttf/hafs2.otf") format("opentype")/* Other browsers */
    url("https://mosshaf.com/css/fonts/hafs_ttf/hafs2.otf") format("truetype");
    /* Safari, Android, iOS */
}

@font-face {
    font-family: "quran Font2";
    src: url("https://mosshaf.com/css/fonts/me_quran.eot");
    /* IE 9 */
    src: url("https://mosshaf.com/css/fonts/me_quran.eot?") format("eot"), /* IE 6-8 */
    url("https://mosshaf.com/css/fonts/me_quran.otf") format("opentype")/* Other browsers */
    url("https://mosshaf.com/css/fonts/me_quran.ttf") format("truetype");
    /* Safari, Android, iOS */
}

@font-face {
    font-family: "Uth";
    src: url("https://mosshaf.com/css/fonts/UthmanTN1.otf");
    /* IE 9 */
    src: url("https://mosshaf.com/css/fonts/UthmanTN1.otf?") format("eot"), /* IE 6-8 */
    url("https://mosshaf.com/css/fonts/UthmanTN1.otf") format("opentype"), /* Other browsers */
    url("https://mosshaf.com/css/fonts/UthmanTN1.otf") format("truetype");
    /* Safari, Android, iOS */
}

.container {
    max-width: 1090px !important;
}
.site-header {
background: url(../img/style2/header_back.gif);	
margin: -1px 0 0 0;
}

.menu_action {
border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 210, 164);
    border-radius: 10px;
    background-image: -moz-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250, 250, 224) 0%, rgb(217, 203, 154) 51%, rgb(220, 207, 159) 51%, rgb(250, 250, 224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    width: auto;
    height: 33px;
    z-index: 218;
    overflow: hidden;
}
.menu_action_txt {
    background-color: var(--main-bg-color);
    /* width: 85px; */
    z-index: 219;
    color: #fafae0;
    line-height: 31px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    font-family: 'Quran_r';
    font-size: 15px;
    font-weight: bolder;
}
.select_form {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218, 204, 156);
    border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250, 250, 224) 0%, rgb(217, 203, 154) 53%, rgb(222, 209, 163) 54%, rgb(250, 250, 224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
    z-index: 225;
    width: auto;
    font-size: 12px;
    height: 25px !important;
    margin: 3px 0 0 0;
    padding: 0 !important;
    font-family: Quran_r;
   }
.menu_action h5 {
	    font-family: 'Quran_b';
    float: right;
    font-size: 14px;
    line-height: 32px;
    padding: 0 4px;
    text-align: left;
    /* background: red; */
    width: auto;
} 
.Player {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(223, 211, 164);
    border-radius: 10px;
    background-image: -moz-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250, 250, 224) 0%, rgba(216, 201, 151, 1) 51%, rgba(216, 201, 151, 1) 51%, rgb(250, 250, 224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    width: 100%;
    height: 73px;
    z-index: 239;
    overflow: hidden;
    padding: 11px 0;
    margin: 0 auto;
    text-align: center;
}
.blog-footer {
     padding: .5rem 0 !important;
    color:  #fff;
    text-align: center;
    background-color: #ffffff;
    border-top: .05rem solid #fee998 !important;
    /* margin: 19px 0 0 0; */
    font-family: Quran_r;
    font-size: 12px;
    background: #fafae0 !important;
    background: url(../img/style2/header_back.gif) !important;
}


/* Gray Box */
#gray_box {
    height: 25px;
    position: absolute;
    left: 24px;
    top: -17px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #F5F5F3;
    border: 1px solid #E8E4E3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 10px;
}
#gray_box h1 {
    padding: 0px;
    font-family: 'GE SS', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #d08106;
    font-weight: bold;
    display: block;
    float: right;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
#gray_box label {
    float: right;
    display: block;
    height: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    margin-left: 10px;
    padding-left: 10px;
    color: #3B6D4A;
    padding-top: 3px;
}
/* Gray Box Static */
#gray_box_static {
 margin-bottom: 20px;
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */
    background-color: var(--main-bg-color);
    border: 1px solid #dacc9c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* padding-top: 3px; */
    /* padding-right: 20px; */
    /* padding-bottom: 3px; */
    /* padding-left: 10px; */
    margin-right: auto;
    margin-left: auto;
    /* margin-top: 10px; */
    text-align: center;
    width: auto;
    height: auto;
    padding: 2px 15px;
    background-image: -moz-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250, 250, 224) 0%, rgb(218, 204, 156) 51%, rgb(218, 204, 156) 51%, rgb(250, 250, 224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    
}
#gray_box_wide {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fdfdfd;
    border: 1px solid #D0D2C4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* padding-top: 8px; */
    /* padding-right: 35px; */
    /* padding-bottom: 8px; */
    /* padding-left: 14px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    /* margin-top: 10px; */
    text-align: center;
    font-family: 'GE SS', Arial, Helvetica, sans-serif;
    margin: 27px auto;
    padding: 3px 38px;
    text-align: center;
}
#gray_box_wide #right,
#gray_box_static #right {
    background-image: url(images/gray_box_right.png);
    display: block;
    float: right;
    height: 34px;
    width: 12px;
}
#gray_box_wide #left,
#gray_box_static #left {
    background-image: url(images/gray_box_left.png);
    display: block;
    float: right;
    height: 34px;
    width: 12px;
}
#gray_box_wide #center,
#gray_box_static #center {
    background-image: url(images/gray_box_bg.png);
    background-repeat: repeat-x;
    height: 30px;
    float: right;
    padding-top: 5px;
    width: auto;
}
#gray_box_wide h1,
#gray_box_static h1 {
/*     font-family: 'GE SS', Arial, Helvetica, sans-serif; */
    font-size: 16px;
    color: #fbfcfd;
    font-weight: bold;
    display: block;
    float: right;
    margin-top: -3px;
    /* margin-right: 0px; */
    /* margin-bottom: 0px; */
    /* margin-left: 10px; */
    background: var(--main-bg-color);
    padding: 6px 23px;
    text-shadow: 1px 1px 2px var(--main-bg-color);
    border-radius: 0px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    font-family: Quran_b;
}
#gray_box_wide label,
#gray_box_static label {
    float: right;
    display: block;
    height: 20px;
    color: var(--main-bg-color);
    padding-top: 4px;
    margin: 0 16px;
    /* background: #fff; */
    font-weight: bolder;
    font-family: Quran_r;
    font-size: 13px;
}
.tafseer_user{
	
    background: var(--main-bg-color);;
    float: left;
    padding: 3px 11px;
    border-radius: 5px;
    font-weight: 800;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    font-family: 'GE SS', Arial, Helvetica, sans-serif;
}


/* yellow Box */
#yellow_box {
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #FDFCF7;
    border: 1px solid #E3E2C6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 8px;
    padding-right: 35px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    width: 900px;
    height: 25px;
}
#yellow_box #right {
    background-image: url(images/yellow_box_right.png);
    display: block;
    float: right;
    height: 40px;
    width: 15px;
}
#yellow_box #left {
    background-image: url(images/yellow_box_left.png);
    display: block;
    float: left;
    height: 40px;
    width: 12px;
}
#yellow_box #center {
    background-image: url(images/yellow_box_bg.png);
    background-repeat: repeat-x;
    height: 30px;
    float: right;
    padding-top: 10px;
    width: 726px;
}
#yellow_box h1 {
    padding: 0px;
    font-family: 'GE SS', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #d08106;
    font-weight: bold;
    display: block;
    float: right;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
#yellow_box label {
    float: right;
    display: block;
    height: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    margin-left: 10px;
    padding-left: 10px;
    color: #3B6D4A;
    padding-top: 3px;
}

.menu5 {
    padding: 5px 0 0 1em;
    margin: 0;
    list-style: none;
    height: 40px;
/*     position: absolute; */
    font-size: 12px;
/*
    top: -45px;
    right: 15px;
*/
    font-family: 'Quran_b','Quran_r','Hacen Liner Screen', Arial, Helvetica, sans-serif;
}
.menu5 li {
    float: right;
    height: 40px;
    margin-right: 1px;
}
.menu5 li a {
    display: block;
    float: left;
    height: 39px;
    line-height: 35px;
    color: #084c3c;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    background-image: url(images/tab_bg_hover.png);
    background-repeat: no-repeat;
    width: 101px;
    background-position: right;
    padding: 0px;
    margin-right: -18px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(249, 234, 198);
    background-image: -moz-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(249, 249, 222) 0%, rgb(218, 204, 156) 51%, rgb(220, 207, 160) 51%, rgb(247, 246, 218) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    width: auto;
    height: 36px;
    z-index: 194;
    margin: 0 1px;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
     padding: 0 16.5px;   
    
    }
.menu5 li a b {
/*
    float: right;
    display: block;
    padding-top: 5;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 79px;
    font-weight: normal;
*/
}
.menu5 li.current a {
    color: #fafae0;
    background: var(--main-bg-color);
    font-size: 14px;
}
.menu5 li a:hover {
    color: #f9f9f9;
    background: var(--main-bg-color);
}
.menu5 li.current a:hover {
    color: #333333;
    cursor: default;
    background-image: url(images/tab_bg.png);
    background-repeat: no-repeat;
}
.tabdiv {
/*
    margin-top: 2px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
*/
    margin: 20px 0 0 0;

}
#tafseer_user {
    background:  var(--main-bg-color);
    float: left;
    padding: 8px 13px;
    border-radius: 5px;
    font-weight: 800;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    font-family: Quran_b;
	        }
.ui-tabs-hide {
    display: none;
}
#tabvanilla {
/*
    background-color: #F5F5F3;
    position: relative;
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    margin-top: 50px;
    border: 2px solid #E0E0DE;
    min-height: 600px;
*/
padding: 0 ;
margin: 0 auto ;
}
#SuraHead {
    background-image: url(../img/style2/aya_B.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 64px;
}
#SuraHead #name {
        text-align: center;
    font-family: 'Hacen Liner Screen', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    display: block;
    padding-top: 20px;
    color: var(--main-bg-color);
}
#SuraHead #title {
    font-family: 'Hacen Liner Screen', Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
    color: #79815E;
}

#SuraHead #name span {
        color: var(--main-bg-color);
    font-size: 15px;
}



.main_menu{
	position: relative;
    width: 100%;
/*     margin: 24px auto 0; */
    text-align: center;
    padding: 0;
    
}
.main_menu_sub{
	background: var(--main-bg-color);
	width: 100% ;
	position: relative;
	z-index: 9999 ;
	margin: 0 2px 0 0 ;
	}
.color_1{
	background: var(--main-bg-color);
}	 
.main_menu_sub ul {
list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
    position: relative;
    /* top: -2px; */
    font-family: Quran_r;
    font-size: 13px;
    /* padding: 10px 0; */

}
.main_menu_sub ul i{
	font-size: 22px;
    position: relative;
    top: 4px;
}
.main_menu_sub ul li {
    float: right;
}

.main_menu_sub ul li a {
    display: block;
    color: #ebe4c0;
    text-align: center;
    padding: 4px 18px 3px 18px;
    text-decoration: none;
    /* border-left: 1px solid #354649; */
    line-height: 30px;
}

.main_menu_sub ul li a:hover {
        background-color: var(--nav-hover);
    color: #ad9b6d;
    
}

.quran_page {
 
    position: relative;
    margin: 0 auto;
}
.quran_page .txt {
	    position: relative;
    /* padding: 47px 10px; */
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
    font-family: 'quran Font', "Traditional Arabic", Arial;
    line-height: 45px;
    /* margin-right: 16px; */
    /* margin: 0 35px; */
}



.quran_page .txt_en {
    position: relative;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
    font-family: 'quran Font', "Traditional Arabic", Arial;
    line-height: 29px;
    direction: ltr;
    height: 744px;
    overflow: scroll;
    /* top: 30px; */
}


.prev {
position: absolute;
    top: 40%;
    background: var(--main-bg-color);
    padding: 4px 6px;
        right: -15px;

    font-family: Quran_r;
    color: #fff;
    font-size: 28px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 9;
}

.next {
    position: absolute;
    top: 40%;
    background: var(--main-bg-color);
    padding: 4px 6px;
    left: -22px;
    font-family: Quran_r;
    color: #fff;
    font-size: 28px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    z-index: 9;
}
.page_number {
  position: absolute;
    /* background: var(--main-bg-color); */
    border-radius: 6px;
    /* padding: 0 6px; */
    bottom: 3px;
    right: 43.9%;
    color: var(--main-bg-color);
    font-family: Quran_b;
    /* padding: 4px 10px; */
    font-size: 13px;
    font-weight: bold;
    font-family: Quran_b !important;
    font-size: 12px !important;
}
.page_info{
 
position: absolute;
    background: #fffffff0;
    padding: 4px 7px;
    /* border-radius: 20px; */
    left: -83px;
    bottom: 174px;
    transform: rotate(-90deg);
    /* transition: transform 2s; */
    z-index: 9999999;
    font-family: Quran_b;
    font-size: 11px;
    color: var(--main-bg-color);
}
.tabdiv { overflow: hidden !important;}
#quran #top,#quran #footer, #t_quran #top,#t_quran #footer, #karaat #top,#karaat #footer, #m_quran #top,#m_quran #footer  {
/* 	display: none !important ; */
	
}
#quran #top, #t_quran #top, #karaat #top, #m_quran #top, #t_quran1 #top, #t_quran #top {
    background: url(../img/style2/fram_01.gif);
    height: 25px;
    width: 101%;
    background-repeat: no-repeat;
    background-size: 100% 27px;
}
#center {
    background: url(../img/style2/fram_02.gif);
    background-repeat: repeat-y;
    width: 101%;
    padding: 14px 40px;
        background-size: 100% 33px;
}
#quran #footer, #t_quran #footer, #karaat #footer, #m_quran #footer, #t_quran #footer , #t_quran1 #footer {
    background: url(../img/style2/fram_03.gif);
    height: 26px;
    width: 101%;
    background-repeat: no-repeat;
        margin-bottom: 30px;
        background-size: 100% 27px;
}

#top img, #footer img {
    display: none;
}






.ayaSelected {
    background: var(--ayaSelected);
}
#ayaNumber {
	font-family: quran Font2 !important;
    font-size: 18px;
    color: var(--ayaNumber);
    cursor: pointer;
}
#aya #ayaNumber {
    font-family: quran Font2 !important;
    font-size: 18px;
    color: var(--aya_number);
}
.blog-header {
	position: relative;
}

.header_lang{
	width: 100%;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    font-size: 12px;
    font-family: tahoma;
    padding: 14px 0 0 0;
}
.quran_info {
	    background: #fafae0;
    padding: 11px;
    box-shadow: 0px 0px 6px #e6e7e7;
    /* border-radius: 7px; */
    /* border: 1px solid #f3f6f6; */
    overflow: hidden ;
    font-family: Quran_r;
    font-size: 15px;
    line-height: 25px;
    text-align: right;
}
.quran_info h3 {
	font-family: Quran_r;
    font-size: 17px;
    padding: 11px;
    text-align: center;
    color: #fafae0;
    /* box-shadow: 0px 0px 3px var(--main-bg-color); */
    border-radius: 7px;
}

.quran_info p{
	    font-family: tahoma,'uth', "Traditional Arabic", Arial;
    text-align: right;
    font-size: 14px;
    line-height: 25px;
    margin: 14px 0;
}

span.sura_info {
        clear: both;
    background: var(--sura_info);
    display: table;
    padding: 5px;
    margin: 5px 0;
    /* border: 2px solid #cdbc7b; */
    font-family: Quran_r;
    font-weight: bolder;
    font-size: 15px;
}
.manin_pages {
	margin-top: 30px ;
}
body {
/* 	background-image: url(../img/site_bg.gif); */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f4f5+0,ffffff+100 */
background: #f0f4f5; /* Old browsers */
background: -moz-linear-gradient(top, #f0f4f5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f4f5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f4f5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: var(--siteBack) !important;
}
 
#asbab_det {
width: 100% ;	
}
 
#ma3any{
	font-family: Quran_r;
    font-size: 14px;
    line-height: 27px;
}

 
 
#nav {
    display: block;
    padding: 5px;
}
#nav a {
    display: block;
    float: right;
    background-color: #E4E4E0;
    color: var(--main-bg-color);
    text-decoration: none;
    margin: 3px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-top: 4px;
    padding-right: 7px;
    padding-bottom: 4px;
    padding-left: 7px;
    border: 1px solid #CCCCCC;
    font-family: tahoma !important;
    font-size: 12px !important;
    font-weight: bolder;
}#nav a:hover {
    background-color: var(--main-bg-color);
    color: white;
}
div#aya {
/*
        width: 100%;
    clear: both;
    background: #f8fafa;
    padding: 13px 22px;
    text-align: center;
    border: 4px solid #a6a6a6;
    background: #ffffff;
      box-shadow: 0px 0px 2px var(--main-bg-color); 
    margin: 32px 0 0 0;
    position: relative;
     font-family: Quran_R; 
    font-family: 'quran Font', "Traditional Arabic", Arial;
    line-height: 41px;
    font-size: 22px;
    text-align: justify;
    position: relative;
    top: 18px;
*/
    
         width: 100%;
    clear: both;
    background: #f8fafa;
    padding: 13px 22px;
    text-align: center;
    border: 4px solid #dfe4e8;
    background: var(--main-bg-color);
    /* box-shadow: -3px -3px 10px #d1d3d3; */
    /* margin: 32px 0 0 0; */
    position: relative;
    /* font-family: Quran_R; */
    font-family: 'quran Font', "Traditional Arabic", Arial;
    line-height: 41px;
    font-size: 22px;
    text-align: center;
    position: relative;
    color: #fff;
}

#tafseer_det {
width: 100%;	
}


#tafseer_box,
#asbabb_box {
position: relative;
    background-color: #FFFFFF;
    margin: 49px 0;
    padding: 6px;
}
#tafseer_box #content,
#asbabb_box #content {
    border: 1px dashed #ab9a6c;
    font-family: Uth,'quran Font', "Traditional Arabic", Arial;
    /* font-weight: bold; */
    /* margin-top: 5px; */
    /* margin-bottom: 20px; */
    /* margin-left: 5px; */
    font-size: 1.4em;
    padding: 38px 18px 0 18px;
    text-align: justify;
    line-height: 40px;
}
.book-details {
    padding: 15px;
    margin: 20px;
    border: 1px solid #f1f1f1;
    background: #f8fafb;
}
.details h2, .details h1, .details h3 {
	font-family: Quran_b;
    font-size: 19px;
    background: white;
    padding: 15px 28px;
    text-align: center;
    border: 1px solid #cbc2a5;
    width: auto;
    /* float: right; */
    /* clear: both; */
    /* display: -webkit-inline-box; */
}
.close-details {
    text-align: left;
    display: initial;
    background: #ab996b;
    padding: 0px 18px;
    /* border-radius: 53%; */
    /* color: #fff; */
    float: left;
    /* font-size: 9px; */
    position: relative;
    top: -14px;
    
    }
    
#tafseer_box #content a {
    font-family: 'quran Font', "Traditional Arabic", Arial;
    font-size: 25px;
    line-height: 47px;
    color: #fff;
    color: #000;
}
    
#tafseer_box #title,
#asbabb_box #title {
    font-family: 'Quran_r','Hacen Liner Screen', Arial, Helvetica, sans-serif;
    font-size: 16px;
    position: absolute;
    display: block;
    right: 10px;
    top: -10px;
    color: #FFFFFF;
    background-color: var(--main-bg-color);
    text-decoration: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px
}
#bookstafseer { position: relative !important;}
#tafseer_box .up,
#asbabb_box .up {
    font-size: 11px;
    position: absolute;
    display: block;
    left: 10px;
    color: #999999;
    background-color: #F3F3F1;
    text-decoration: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    bottom: -10px;
    border: 1px solid #CCCCCC;
}
#tafseer_box .up :hover,
#asbabb_box .up :hover {
    color: #003300;
}
#search_box {
    position: relative;
}


#tagweedColors {
 background-color: #f3f6f7;
    border: 1px dashed var(--main-bg-color);
    color: var(--main-bg-color);
    font-family: Quran_r;
    /* padding: 11px; */
    font-size: 13px;
}
#tagweedColors td {
    border: 1px solid #e8ebec;
    padding: 3px 5px;
}
#ker strong {
    color: #794646;
}
#hamesh h2 {
   padding: 8px 4px;
    color: #ffffff;
    font-family: Quran_b;
    font-size: 17px;
    /* margin-top: 0px; */
    /* margin-right: 0px; */
    /* margin-bottom: 10px; */
    /* margin-left: 0px; */
    background: var(--main-bg-color);
    /* padding: 1px 8px; */
    /* border-radius: 6px; */
    /* border-right: 3px solid #e0dec9; */
    text-align: center;
}

#hamesh strong {
    color: #794646;
}
.ReadAyaa p.info_ayaa {
	    background: var(--main-bg-color);
    font-family: Quran_R;
    padding: 1px 17px;
}

.IsSuraa {

background: #ffffff !important;
color: #000;
border: 5px solid var(--main-bg-color) !important;
}
.IsSuraaPlay { background: #ffffff !important;
color: #000;
border: 5px solid var(--main-bg-color) !important;
}
.TafPlayer .jp-progress, .TafPlayer .jp-duration {
	display: none !important ;
}

.PageText {
	position: relative;
}


#qalqala {
    color: #0000CC;
}
#ra2 {
    color: #000066;
}
#lazem {
    color: #990000;
}
#monfsel {
    color: #9900CC;
}
#motsel {
    color: #FF0000;
}
#3ared {
    color: #FF6600;
}
#sela {
    color: #996600;
}
#e5fa2 {
    color: #009933;
}
#edgham {
    color: #999999;
}
.naboytxt {
	 padding: 13px;
    border: 1px solid #e8e8e4;
    background: #fff;
    clear: both;
    margin: 10px 0 0 15px;
    font-size: 23px;
    width: 85.6%;
    font-family: 'uth';
    font-size: 19px;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bolder;
    font-family: Quran_r;
	}
.naboy_link {
	    padding: 16px 4px;
    border: 1px solid #e8e8e4;
    background: #fff;
    margin: 10px 0;
    font-size: 17px;
    width: 13%;
    font-family: 'uth';
    margin: 10px 0;
    font-size: 15px;
    float: right;
    text-align: center;
    background: #ab9769;
    font-family: Quran_r;
    color: #fff;
	}	
	.clear {
		    clear: both;

		}
		.hadith_text {
			    padding: 23px;
    border: 1px solid #e8e8e4;
    background: #ffffff;
    clear: both;
    margin: -2px 0 30px 15px;
    font-size: 23px;
    width: 100%;
    font-family: 'uth';
    font-size: 23px;
    float: right;
    overflow: hidden;
    text-align: justify;
    line-height: 37px;
			}
			.erro_hidth {
				    padding: 23px;
    border: 1px solid #e8e8e4;
    background: #ffd7d7;
    clear: both;
    margin: -7px 0 14px 15px;
    font-size: 23px;
    width: 95%;
    font-family: airal;
    font-size: 26px;
    float: right;
    overflow: hidden;
    text-align: center;
    line-height: 37px;
    font-weight: bolder;
				}
		.hadith_text td{text-align: justify;  
			
		}
		
		.Gareeb{
			    color: #802000;
			}	
			.Ayaa_color {
			    color: #d08106;
    padding: 0 10px;
				}	
				
				.hadith_text a,.naboy_link a {
    color: #fff;
    text-decoration: none;
    font-weight: bolder;
} 


.hadith_text a:hover {
    color: black;
    text-decoration: none;
}
.bookget {
	
color: red;
	}
	
	#radio_view {
		width: 100%;
	}
.alert {
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 8px;
    padding-right: 35px;
    padding-bottom: 8px;
    padding-left: 14px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    text-align: center;
}				
.alert-success {
    color: #ffffff;
    background-color: var(--main-bg-color);
    border-color: #f3f6f7;
    text-align: center;
    font-family: Quran_r;
}
#search_box {
    position: relative;
}
.alert-info {
    color: #ffffff;
    
     background-color: var(--main-bg-color);
    /* border-color: #f1f5f6; */
    text-shadow: none;
    font-family: Quran_R;
    padding: 7px !important;
}
#search_box #content i {
    display: block;
    padding-right: 20px;
    font-style: normal;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin: 15px 0 auto;
    position: relative;
}
#mo3gam_view {
    width: 100%;	
}
#search_box #content {
   background-color: #FFFFFF;
    /* border: 1px dashed var(--main-bg-color); */
    /* margin-top: 5px; */
    /* margin-bottom: 20px; */
    /* margin-left: 5px; */
    /* padding: 10px; */
    box-shadow: 0px 0px 3px #e0e3e4;
    margin: 11px 0;
    padding: 9px 11px;
    color: #000 !important;
}

#content a{
	    font-family: 'quran Font', "Traditional Arabic", Arial;
    font-size: 25px;
    line-height: 47px;
    color: #000 !important;
}
button#search {
	    background: var(--main-bg-color);
    color: #fff;
    font-family: Quran_r;
    padding: 5px 21px;
    border-radius: 7px;
}
.social_site {
	position: fixed;
    left: 0;
    top: 40%;
}
.social_icon a {
	color: var(--social_icon);
}
.social_icon {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(222, 209, 163);
    background-image: -moz-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250, 250, 224) 0%, rgb(220, 207, 159) 51%, rgb(219, 206, 159) 51%, rgb(250, 250, 224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,245,247) 0%, rgb(215,222,227) 51%, rgb(229,235,238) 51%, rgb(246,248,249) 100%);
    width: 50px;
    height: 41px;
    z-index: 669;
    /* margin: 0 0 0 19px; */
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    color: var(--social_icon);
    text-align: center;
    box-shadow: 0px 0px 6px #d9cb9a;
}
.social_icons {
    border-left: 9px solid #084c3c;
    margin: 11px 0;
    }

.social_icon i {
    font-size: 26px;
    text-align: center;
    margin: 0 auto;
    line-height: 36px;
} 
.ayaat_found  {
	 position: relative !important ;
    left: 0px !important;
    background: #ab986a !important;
    width: 54% !important;
    float: left !important;
    text-align: center !important;
        top: -22px !important;
    padding: 10px;
    border-radius: 5px !important;
    font-family: tahoma !important;
    font-size: 14px !important;
    font-weight: bolder !important;
    color: #ffffff !important;
    clear: both;
 }
 .hid_desktop {
	 display: none !important;
 }
 #quran_text_t {
	 font-family: Arial;
 }
 
a.styleswitch {
/*
    width: 100%;
    height: 20px;
    overflow: hidden;
    line-height: 48px;
    background: red;
    margin: 0px 1px;
    display: table-footer-group;
    border: 2px solid white;
    position: relative;
*/
  width: 100%;
    height: 20px;
    overflow: hidden;
    /* line-height: 75px; */
    /* background: red; */
    /* margin: 0px 1px; */
    display: block;
    /* border-radius: 50%; */
    /* border: 2px solid white; */
    position: relative;
    color: #fff;
    padding: 2px 0;
}
.stylesWitch ul li {
       background: var(--nav-hover);
    margin: 3px 1px;
    width: 41%;    padding: 3px 4px;
    text-align: center;
    border-radius: 5px;
    /* line-height: 41px; */
    /* list-style-type: none !important; */
    float: right;
    display: inline
}
.styleswitcher {
	display: block;
	background: red ;
}
.stylesWitch ul {
	    margin: 0 !important;
    list-style-type: none !important;
    padding: 0;
}

div.jp-volume-bar-value {
    height: 18px;
    background:  var(--main-bg-color);
    cursor: pointer;
}
div#quran_text_d {
    /* padding: 47px 10px; */
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    text-align: justify;
    font-family: 'quran Font', "Traditional Arabic", Arial;
    line-height: 45px;
    /* margin-right: 16px; */
    /* margin: 0 35px; */
   text-align: justify;
}



@media only screen and (max-width: 768px) {
	
		#SuraName{    font-family: tahoma;
    font-size: 0.8rem;
    
}
.all_maney {
    font-family: tahoma;
    line-height: 15px;
}


	#SuraName{    font-family: tahoma;
    font-size: 0.8rem;
    
}
.all_maney {
    font-family: tahoma;
    line-height: 15px;
}
.prev {
	    right: -8px !important;

}	
#trgma .prev {
    right: 22px  !important;
        position: fixed;
    bottom: 65px;
    top: auto;
}
#trgma .next {
    left: 16px !important;
        position: fixed;
    bottom: 65px;
    top: auto;
}
.next {     left: -14px !important;}
.view_lecatuer { display: none;}	
.logo_stamp {display: none; }
		.basmallah { width: 100% !important;}
.stylesWitch ul li {
    background: #fff;
    margin: 3px 1px;
    width: auto;
    padding: 3px 4px;
    text-align: center;
    border-radius: 5px;
    /* line-height: 41px; */
    /* list-style-type: none !important; */
    float: right;
    display: inline;
}
	
.social_site { display: none;}	
.site-header {
    overflow: hidden;
    position: relative;
}
.blog-header  { text-align: center;}
	.menu_action { height: auto !important ;     padding: 0 0 10px 0;
}
	
.menu_action h5 {
    font-family: 'Quran_r';
    float: right;
    font-size: 19px;
    line-height: 32px;
    padding: 0 8px;
    /* text-align: center; */
}

#gray_box_wide label, #gray_box_static label {
	float: right;
    display: block;
    height: 30px;
    color: var(--main-bg-color);
    /* padding-top: 4px; */
    margin: 3px auto;
    background: #fbfbfb;
    font-weight: bolder;
    font-family: Quran_r;
    /* font-size: 13px; */
    /* padding: 10px; */
    width: 100%;
    border-radius: 12px;
}

.main_menu_sub ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 1px 6px;
    text-decoration: none;
    /* border-left: 1px solid #354649; */
    line-height: 30px;
}
.navgiat , .karaa, .master_menu {
display: none ;	
}
.hid_mobile {
display: none !important;	
} 
.master_mobile_menu {
	    background: #27393c;
    padding: 10px;
    line-height: 51px;
   
     display: block !important; 
}

 
/*
#quran #top, #t_quran #top, #karaat #top, #m_quran #top, #quran #top,#quran #footer, #t_quran #top,#t_quran #footer, #karaat #top,#karaat #footer, #m_quran #top,#m_quran #footer {
	display: none !important;
}
#center {
	    background: none !important;
    padding: 0;
}
*/


#quran #top, #t_quran #top, #karaat #top, #m_quran #top {
    background: url(../img/style2/fram_01.gif);
    height: 25px;
    width: 101%;
    background-repeat: no-repeat;
    background-size: 100% 27px;
}
#center {
    background: url(../img/style2/fram_02.gif);
    background-repeat: repeat-y;
    width: 101%;
    padding: 14px 40px;
    background-size: 100% 33px;
}

#quran #footer, #t_quran #footer, #karaat #footer, #m_quran #footer {
    background: url(../img/style2/fram_03.gif);
    height: 26px;
    width: 101%;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    background-size: 100% 27px;
}



}


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

.master_mobile_menu {
		    background: #27393c;
    padding: 10px;
    line-height: 51px;
   
     display: none !important; 
}
.navgiat, .karaa, .master_menu {
	display: block !important;
}

}
*/




@media only screen and (max-width: 540px) { 
	
		#SuraName{    font-family: tahoma;
    font-size: 0.8rem;
    
}
.all_maney {
    font-family: tahoma;
    line-height: 15px;
}
.view_lecatuer { display: none;}

div.text {
    padding: 0px 10px 17px 11px !important;
    background: #fff;
    color: #000;
}
.IsSuraa {

background: #ffffff !important;
color: #000;
border: 5px solid var(--main-bg-color) !important;
}
.IsSuraaPlay { background: #ffffff !important;
color: #000;
border: 5px solid var(--main-bg-color) !important;
}
	.logo_stamp { display: none !important;}
.printpage img {
    margin: 35px 0 11px 0;
}
 .corn {
        top: 85px !important;
}
.bookName {
       position: relative !important;
    direction: rtl;
    /* box-shadow: 0px 1px 4px #ecebeb; */
    /* background: #fff; */
    margin: 15px 18px;
    padding: 10px 16px;
    width: 86% !important;
    left: 40px;
    left: auto;
    text-align: center !important;
    float: left;
    top: -30px !important;
    left: auto;
    text-align: center !important;
    float: left;
    /* top: 68px; */
    font-family: 'GE SS', Arial, Helvetica, sans-serif;
    /* line-height: 33px; */
    text-align: center;
    /* border: 1px solid #d0d2c5; */
    /* border-radius: 7px; */
    font-size: 17px;
    font-weight: 900;
    color: var(--main-bg-color);
}

	 	.basmallah { width: 100% !important;}
.stylesWitch ul li {
    background: #fff;
    margin: 3px 1px;
    width: auto;
    padding: 3px 4px;
    text-align: center;
    border-radius: 5px;
    /* line-height: 41px; */
    /* list-style-type: none !important; */
    float: right;
    display: inline;
}
	 
	 .social_site { display: none;}	
	 .site-header {
    overflow: hidden;
    position: relative;
	}
.blog-header  { text-align: center;}
.menu_action { height: auto !important ;     padding: 0 0 10px 0;
}

.menu_action h5 {
    font-family: 'Quran_r';
    float: right;
    font-size: 19px;
    line-height: 32px;
    padding: 0 8px;
    /* text-align: center; */
}

.select_form {
  border-style: solid;
    border-width: 1px;
    border-color: rgb(179, 179, 179);
    border-radius: 6px;
    background-image: -moz-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
    z-index: 225;
    width: auto;
    font-size: 12px;
    height: 25px !important;
    margin: 3px 0 0 0;
    padding: 0 !important;
    font-family: Quran_r;
    
    }

#gray_box_wide label, #gray_box_static label {
    float: right;
    display: block;
    height: auto;
    color: var(--next_prev);
    /* padding-top: 4px; */
    margin: 5px auto;
    background: var(--main-bg-color);
    font-weight: bolder;
    font-family: Quran_r;
    /* font-size: 13px; */
    padding: 5px !important;
    width: 100%;
    border-radius: 12px;
}
.main_menu_sub ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 1px 6px;
    text-decoration: none;
    /* border-left: 1px solid #354649; */
    line-height: 30px;
}


div#aya {
   width: 100%;
    clear: both;
    background: #f8fafa;
    padding: 6px 9px;
    text-align: center;
    border: 0px solid #dfe4e8;
    background: var(--main-bg-color);
    /* box-shadow: -3px -3px 10px #d1d3d3; */
    /* margin: 32px 0 0 0; */
    position: relative;
    /* font-family: Quran_R; */
    font-family: 'quran Font', "Traditional Arabic", Arial;
    line-height: 37px;
    font-size: 22px;
        text-align: center;
    position: relative;
    color: #fff;
    
}

#tafseer_box #content, #asbabb_box #content {

	    border: 1px dashed #ab9a6c;
    font-family: Uth,'quran Font', "Traditional Arabic", Arial;
    /* font-weight: bold; */
    /* margin-top: 5px; */
    /* margin-bottom: 20px; */
    /* margin-left: 5px; */
    font-size: 1.5rem;
    padding: 0px 18px 0 18px;
    text-align: justify;
    line-height: 43px;
}
 
#gray_box_static select {
    color: #fff;
}


.blog-footer {
      padding: 0.7rem 0 !important;
    /* color: #999; */
    text-align: center;
    /* background-color: #f7f8f8; */
    border-top: .05rem solid #e5e5e5 !important;
    margin: 19px 0 0 0;
    font-family: Quran_r;
    font-size: 0.9rem;
    background: #eff3f5 !important;
    background: url(../img/style2/header_back.gif)!important;
    color: var(--next_prev);
}

.container {
	padding: 0 !important;
}

#e3rab_det {
	    overflow: hidden;
    position: relative;
}

.ayaat_found {
    position: relative;
    left: 0px;
    background: #27393c;
        width: auto !important;
    float: left;
    text-align: center;
    top: 1px;
    /* padding: 10px; */
    border-radius: 5px;
    font-family: tahoma;
    font-size: 14px;
    font-weight: bolder;
    color: #ffffff;
    clear: both;
}
.naboytxt {
    padding: 13px;
    border: 1px solid #e8e8e4;
    background: #fff;
    clear: both;
    margin: 10px 0 0 15px;
    font-size: 23px;
    /* width: 85.6%; */
    width: auto !important
    font-family: 'uth';
    font-size: 19px;
    float: right;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    font-weight: bolder;
    font-family: Quran_r;
}
.naboy_link {
	width: auto !important ;
}
.navgiat , .karaa, .master_menu {
display: none ;	
}
.hid_mobile{
display: none !important;	
}
.hid_desktop {
    display: block !important;
}

.master_mobile_menu {
	    background: #27393c;
    padding: 10px;
    line-height: 51px;
    
     display: block !important;
}
.manin_pages {
    margin-top: 0px;
}


.quran_page {
    width: auto;
    height: auto;
    background-image: none;
    position: relative;
        background: #fff;
}

.quran_page .txt {
        padding: 7px !important;
    border: 5px double var(--main-bg-color);
    font-size: 1.4rem;
    line-height: 43px;
}



.prev {
position: fixed;
    top: 50%;
    background: var(--main-bg-color);
    padding: 2px 3px;
    right: 2px !important;
    font-family: Quran_r;
    color: var(--next_prev);
    font-size: 15px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 99999;
    font-size: 1.9rem;
}

.next {
        position: fixed;
    top: 50%;
    background: var(--main-bg-color);
    padding: 2px 3px;
    left: 2px !important;
    font-family: Quran_r;
    color: var(--next_prev);
    font-size: 15px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    z-index: 99999;
    bottom: auto;
    font-size: 1.9rem;
}

.page_number {
   position: relative;
    background: var(--main-bg-color);
    border-radius: 0;
    padding: 0 6px;
    bottom: -1px;
    color: #fff;
    font-family: Quran_r;
    padding: 6px 0;
    font-size: 1rem !important;
    right: inherit;
    text-align: center;
    left: inherit;
}
 
.page_info {display: none;}
 
#quran #top, #t_quran #top, #karaat #top, #m_quran #top, #quran #top,#quran #footer, #t_quran #top,#t_quran #footer, #karaat #top,#karaat #footer, #m_quran #top,#m_quran #footer {
	display: none !important;
}
#center {
	    background: none !important;
    padding: 0;
}

	 }
 
@media only screen 
    and (min-device-width : 375px) // or 213.4375em
    and (max-device-width : 667px) // or 41.6875em
    and (width : 375px) // or 23.4375em
    and (height : 559px) // or 34.9375em
    and (orientation : portrait) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 375/559)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{
	#SuraName{    font-family: tahoma;
    font-size: 0.8rem;
    
}
.all_maney {
    font-family: tahoma;
    line-height: 15px;
}
.basmallah { width: 100% !important;}
.stylesWitch ul li {
    background: #fff;
    margin: 3px 1px;
    width: auto;
    padding: 3px 4px;
    text-align: center;
    border-radius: 5px;
    /* line-height: 41px; */
    /* list-style-type: none !important; */
    float: right;
    display: inline;
}
	
	
	.master_mobile_menu {
	    background: #27393c;
    padding: 10px;
    line-height: 51px;
    
}

 
#quran #top, #t_quran #top, #karaat #top, #m_quran #top, #quran #top,#quran #footer, #t_quran #top,#t_quran #footer, #karaat #top,#karaat #footer, #m_quran #top,#m_quran #footer {
	display: none !important;
}
#center {
	    background: none !important;
    padding: 0;
}

 }




div.jp-volume-bar {
    left: 28px;
/*     width: 86%; */
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218, 204, 155);
    border-radius: 5px;
/*
    background-image: -moz-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(250, 250, 224) 0%, rgb(218, 203, 155) 53%, rgb(221, 209, 163) 54%, rgb(250, 250, 224) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(243,243,243) 0%, rgb(225,225,225) 53%, rgb(241,241,241) 54%, rgb(255,255,255) 100%);
*/
    overflow: hidden;
    height: 18px;
}
div.jp-play-bar {
	  background:  var(--main-bg-color);
}


.imgLogo {
	background: url(../img/style2/logo.png);
    width: 186px;
    height: 115px;
    background-repeat: no-repeat;
    background-size: 186px 115px;
    overflow: hidden;
    margin: 0 auto;
}

 .corn {
    position: absolute;
    top: 0;
    background: var(--main-bg-color);
    padding: 1px 14px;
    font-size: 11px;
    color: #fff;
    font-weight: 800;
    border-radius: 13px;
} 
 .bookName {
    position: absolute;
    direction: rtl;
    /* box-shadow: 0px 1px 4px #ecebeb; */
/*     background: #fff; */
    margin: 15px 18px;
    padding: 10px 16px;
    width: 31%;
    left: 40px;
    /* left: auto; */
    text-align: right;
    float: left;
    top: 4px;
    font-family: 'GE SS', Arial, Helvetica, sans-serif;
    /* line-height: 33px; */
    text-align: center;
    /* border: 1px solid #d0d2c5; */
    /* border-radius: 7px; */
    font-size: 17px;
    font-weight: 900;
    color: var(--main-bg-color);
}
.IsSuraa {

background: #ffffff !important;
color: #000;
border: 5px solid var(--main-bg-color) !important;
}
.IsSuraaPlay { background: #ffffff !important;
color: #000;
border: 5px solid var(--main-bg-color) !important;
}
#Mogambook_Get { width: 100%; }

#lagawy {
    position: relative;
}
#lagawy #content {
    border: 1px dashed var(--main-bg-color);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background: #fff;
}
#lagawy .up {
 
    position: absolute;
    display: block;
    left: 10px;
    color: #ffffff  !important;
    background-color:  var(--main-bg-color);
    text-decoration: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /* padding-top: 5px; */
    /* padding-right: 10px; */
    /* padding-bottom: 5px; */
    /* padding-left: 10px; */
    bottom: -10px;
    border: 1px solid  var(--main-bg-color);
    font-size: 13px;
    font-family: Quran_r;
    line-height: initial;
    padding: 6px;
}

.get_allOloom {
    width: 100%;
    position: relative;
    background: #fff;
    padding: 3px 0;
    margin: 20px 0;
    border-radius: 9px;
}
.right_cloum25 {
    float: right;
    width: 23%;
    padding: 5px;
    overflow: scroll;
}
.right_cloum75 {
    float: right;
    width: 75%;
    padding: 5px;
    margin-right: 20px;
}
#oloomGetData,
.data_right {
    font-family: uth, Helvetica, sans-serif;
    font-weight: 100;
    text-align: justify;
    font-size: 20px;
    line-height: 33px;
}
#oloomGetData h4,
.data_right h4 {
    font-family: 'Hacen Liner Screen', Arial, Helvetica, sans-serif !important;
    font-size: 19px;
    padding: 7px;
    font-weight: 100;
    background: var(--main-bg-color) !important;
}


.logo_stamp {
	background: url(../img/style2/logo_stamp.png);
    width: 221px;
    height: 232px;
    background-repeat: no-repeat;
    background-position: center;
}


.tab_div {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: var(--siteBack) !important;
    border-radius: 10px;
}

/* Style the buttons inside the tab */
.tab_div button {
float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 8px;
    transition: 0.3s;
    font-size: 12.1px;
    font-family: Quran_b;
    /* border-left: 1px solid #f7f7f7; */
    margin: 0 -1px;
}

/* Change background color of buttons on hover */
.tab_div button:hover {
    background-color: var(--nav-hover);
}


/* Create an active/current tablink class */
.tab_div button.active {
    background-color: var(--main-bg-color);
    color: #fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.view_lecatuer {
	
}
.view_tube {
	    background: var(--nav-hover);
    border: 5px solid var(--main-bg-color);
    padding: 0 7px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 12px var(--main-bg-color);
    margin: 23px 0;
}

.view_tube h1 {
font-family: quran_b;
    font-size: 17px;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: var(--main-bg-color);
    color: var(--nav-hover);
    border-radius: 6px;
    margin: 6px 0 20px 0;
    
    }
.view_tube h5 {
	    font-family: Quran_r;
    font-size: 14px;
    margin: 18px 0 12px 0;
    text-align: left;
    color:  var(--main-bg-color);
    }
.view_tube p {
	    font-family: Quran_r;
    text-align: justify;
    font-size: 16px;
    background: #ffff;
    padding: 9px;
    }
.view_lecatuer h1 {
    font-size: 14px;
    background:var(--main-bg-color);
    color: #fafae0;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-family: Quran_r;
    margin-top: 24px;
}

.view_lecatuer p{
	background: #fff;
    font-family: Quran_R;
    font-size: 13px;
    padding: 10px 5px;
    line-height: 23px;
    border-radius: 7px;
    text-align: justify;
    max-height: 690px;
    overflow: scroll;
    
}  

.view_lecatuer img{
height: 109px;
    width: 100px;
    position: relative;
    float: right;
    margin-left: 13px;
    /* border-radius: 12px; */
    border: 1px solid #e1e1e1;
    /* padding: 2px; */
}

.jstree-default .jstree-node {
	    font-family: Quran_r;
    font-size: 13px;
}
.quran_page_p1 {
	
 
    background-image: url(../img/style1/framP1.gif);
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    background-position: top center;
    padding: 229px 62px 0;
    text-align: center;
    line-height: 59px;
    font-family: 'quran Font', "Traditional Arabic", Arial;
    font-size: 2rem;
}
.quran_page_p2 {


    background-image: url(../img/style1/framP2.gif);
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    background-position: top center;
    padding: 229px 62px 0;
    text-align: center;
    line-height: 72px;
    font-family: 'quran Font', "Traditional Arabic", Arial;
    font-size: 1.9rem;
}

#mot,#mot p{
    font-size: 0.9rem !important;
    font-family: tahoma !important;
}
#mot h1, #mot h2, #mot h3, #mot h4, #mot h5, #mot h6, #mot strong {
font-weight: 900;
    font-size: 0.8rem;
    color: red;
    font-family: tahoma;
}


.nextTafsser {
    position: relative;
    float: left;
    top: -30px; 
    background: white;
    padding: 5px 14px;
    border-radius: 10px;
    font-family: tahoma;
    border: 1px solid #e8e8dd;
} 
.NextTaf a, .PrevTaf a {
    color: var(--main-bg-color) !important;
    font-size: 16px !important;
    font-family: tahoma !important;
    padding: 0 15px;
    line-height: 25px !important;
}
.Ayah {
    color: var(--main-bg-color) !important;;
}