
body::before {
	background-image: url(img/background-dark.jpg)!important;
}
body::after {
	background-image: url(img/background-dark.jpg)!important;
}
body{
	background-color: #79766f;
	color: #fff;
}
a{
	color: #9ce9d2;
}
.modal-dialog a{
	color: #20916f;	
}
.primary-color{
	color: #52c5a3!important;
}

a:hover {
    color: #2b8fff;
}

.btn-light-scheme{
    color: #929597;
    background-color: #2b2b2b;
    border-color: #1b1b1b;
}
.btn-light-scheme:hover {
    color: #8ea6bd;
    background-color: #313131;
    border-color: #152323;
}
.btn-light-scheme:not(:disabled):not(.disabled).active, 
.btn-light-scheme:not(:disabled):not(.disabled):active, 
.show>.btn-light-scheme.dropdown-toggle {
	color: #ffffff;
    background-color: #1f1f1f;
    border-color: #1d1d1d;
}

.text-dark-scheme {
    color: #e5e3e3!important;
}
.text-muted-scheme{
	color: #99a0a8!important;
}
.text-warning-scheme{
    color: #ffd24a!important;
}
.text-blue-scheme{
	color: #58bbf5!important;
}
.text-green-scheme{
	color: #45bf45!important;
}


.text-bubble-blue{
    color: #000000!important;
    background: rgb(127 171 211)!important;
}

.text-bubble-white-scheme{
    color: #ffffff!important;
    background: rgb(40 51 61)!important;
}

.bg-white-scheme{
	background-color: #1e1e1e!important;
}
.bg-light-scheme {
    background-color: #363534!important;
}
.bg-white-transparent2-scheme{
	background-color:#0000007d;
}	

.bg-light a{
	color: #378b77!important;
}

.border {
    border: 1px solid #171717;
}

.border-top-scheme {
    border-top: 1px solid #171717;
}


.border-bottom-scheme {
    border-bottom: 1px solid #171717!important;
}


.nav-login-item{
	background: #323335;
}
.nav-login-item:hover{
	background: #222222;
}
.nav-login-btn{
    text-shadow: 2px 1px 1px #000000;
    color: #eeeeee!important;		
}

.nav-login-btn img{
    border: 2px solid #222222;
}
.navbar-toggler{
	
}
.navbar-light .navbar-toggler{

}
.navbar-light .navbar-toggler-icon{
	

}
.navbar-toggler:focus, .navbar-toggler:hover {
    
}

.starVerfied{   
	
}

.effectsIMG li{
	    background: #414345!important;
		
}

.bg-secondary-transparent {
    background-color: #2b2e2fde;
	color: antiquewhite;
}

.bar_profile .row a:link, .bar_profile .row a:visited {
    color: #FFF;
	
}

.nav-scheme .nav-link.active{

    background-color: #0000005c;


}
.nav-scheme .nav-link{
	color: #999999;
}
.nav-scheme .nav-link:hover{
	background-color: #1b1b1b;
}

.text-border-white{
	text-shadow: 0 1px black, 1px 0 black, 0 -1px black, -1px 0 black, 0 0 black;
}
.text-border-black{
	text-shadow: 0 1px white, 1px 0 white, 0 -1px white, -1px 0 white, 0 0 white;
}

.timeline > li > .timeline-panel{
	color:#dbd9c3;
	background-color:#202124c9;
}

.timeline-content .pimage{
	background: #000000c9;
}
.commentbtnclass {
    background: #2d2e31;
}




.pxSmall{
  background:
    /* Shadow covers */
    linear-gradient(transparent   30%, rgba(32,33,36,0)),
    linear-gradient(rgba(32,33,36,0), #2021249c 70%) 0 100%,
    
    /* Shadows */
    radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.5), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.5), rgba(0,0,0,0)) 0 100%;



}

.navbar.fixed-top{
	background: #36353400;
    color: white;
    box-shadow: inset 0px -2px 44px -23px #0d1f3e6e, 0px -17px 35px 30px #fffad51f;
    text-shadow: 1px 1px #00000094;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 50%);
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255 / 90%);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / 70%);
}

.timeline-content{
	box-shadow: 0px 34px 76px -44px #2b5799e6;
}
.timeline-body{
	background-color: #13141661;
	
}
.timeline-footer{
}

.copy{
	border-left: 1px solid rgb(28 28 28 / 62%);
}
.copy::after{
	border-left: 1px solid rgb(89 89 89 / 56%);
}
.copy a:link {
    color: #b7b6b6;
}

 .copy a:hover{
color:#1487e4!important;
}
.like a:hover{
color:#1487e4;
}
.like a.likea:hover{
	color:#20ff25!important
}
.like{
	    border-right: 1px inset rgb(93 93 93);
}
.like::after{
	border-right: 1px solid rgb(3 3 3 / 62%);
}
 .copy a:link, .copy a:visited, .like a:link,
 .like a:visited{
color:#949393;
text-shadow: 0.5px 0.8px #000000d4;;
}


.timeline > li > .timeline-panel{
	border: 1px solid #4a4a4a;
}

.userPost img{
	    border: 3px solid #313131;
		background: #000;
}

.timeline-title{
	text-shadow:0 2px black, 1px 0 black, 0 -1px black, -1px 0 black, 0 0 black;
    color: #bcbcbc!important;
}
.timeline-heading::after {
	box-shadow: inset -15px -15px 16px 0px #000000a3;
}
.bg-secondary-transparent1{
	background-color: #0000005c!important;
}
.bg-secondary-transparent2{
	background-color: #0000002b!important;
}
.btn.bg-secondary-transparent1:hover {
    background-color: #000000a8!important;
}
.timeline-badge > a{
	color: #4e4a49 !important;
    text-shadow: 0.1px 0px 1px #cfd9e6a1;
}
.timeline > li > .timeline-panel:after{
    border-left: 4px solid #373a3b;
	border-right: 0 solid #4e4a49;
}	
.timeline > li > .timeline-panel:before{
    border-left: 5px solid #292727;
	border-right: 0 solid #292727;
}	
.userPost{
	text-shadow: 1px 1px 1px #000000ad;
} 

.evshort, .authorbd{
	background: #00000066;
}
.quote_bg {
    background: none;
    text-shadow: 0.5px 0.5px 1px black;
    box-shadow: 40px -11px 51px -14px #0000008f, inset -4px 0px 43px -3px #0000006b;
    border-top: 1px solid #3a3a3a;
    color: #f1f1f1;
    background-image: url(/img/quoteBg2.jpg);
    background-size: cover;	
}

.fold::before {
    border-color: #363535 #7b7b7b;
}






.bar_profile .row a:link,.bar_profile .row a:visited{
    color: #999999;
}
.bar_profile .row a:hover{
    color: #FFF;
    background: #1f1f1f;

}
.bar_profile .row a:focus,.bar_profile .row a.active{
    color: #0080ff;
    background: #1f1f1f;

}

.header_row{
	background: linear-gradient(
180deg
, rgb(0 0 0 / 51%) 0%, rgb(44 47 48 / 68%) 100%);
	border-top: 1px solid #4949492e;
	text-shadow: 1px 1px #000;
	box-shadow: 0px -21px 16px -21px #000000e0;
	color: #b8b8b8;
}

.authors_scroll_1_big {
    background: #000000a1;
    color: #f3f3f3;
}

.hr_text {
    color: #c4c5c6;
}
.hr_text::before, .hr_text::after {
    background: #ccd0d524;
}

.navbar.fixed-bottom{
	background: #171717e8;
	border-top: 1px solid #00000061;
}
.nav-botton-row>div{
	    color: #b1b1b1;
}
.nav-botton-row>div:hover{
	 color: #FFF;
}
.nav-botton-row>div:active {
    background: #0b0b0b;
}
.nav-botton-row>div>a:link, .nav-botton-row>div>a:visited{
	    color: #b1b1b1;
}
.nav-botton-row>div>a:hover, .nav-botton-row>div>a:active{
	    color: #FFF;
}
.nav-pp-btn img{
	border: 2px solid #000;
}
.nav-pp-btn {
    text-shadow: 2px 1px 1px #000;
    color: #afafaf!important;
}

.makeVideoContent{
	background: #222222;
}

.hashs a:link,.hashs a:visited{
	color:#999;
}
.hashs a:hover,.hashs a:active{
	color:#fff;
}



.big_tags_1 {

    background: #252424;

}



.footer{
	background-color: #232323d4;
    border-top: 1px solid #6f6f6fa3;
	box-shadow: 0px 76px 145px 55px #141d29ad;
}

.users_scroll_1 big{
	background: #3333338f;
    background: linear-gradient(0deg, rgb(33 33 33) 26%, rgba(0,0,0,0) 100%);
    color: #fff;
}
.users_scroll_1 small {
    background: #433f3b;
    color: #c8c3aa;
}
.users_scroll_1 small i {
    color: #c6ba7f;
    text-shadow: 1px -1px 1px #000000;
}



.bmn__wrapper{

	background-color: #0c1116e6!important;
    text-shadow: 1px 1px 1px #000;
    box-shadow: inset 10px -20px 52px 2px #0d2626d9;
}

.bmn-link{
    color: #8ea8c3!important;
}

.invert-dark{
	filter: invert(91%);
}



/* seeMoreSmart */

.seeMoreSmartContent{
	box-shadow: inset 0px -75px 47px -26px #000;	
}
.seeMoreSmartArrow{
	color: #000;
	background: #77868582;
	box-shadow: 1px 1px 30px -2px #000;
}
.seeMoreSmartFooter{
	box-shadow: inset 0px -54px 30px -32px #000;
	border-bottom: 1px solid #77868582;
}
.seeMoreSmartFooter:hover .seeMoreSmartArrow{
	background: #16e7a8;
}

.seeMoreSmart:hover .seeMoreSmartArrow{
	background: #126d57;
}
.seeMoreSmart:hover .seeMoreSmartFooter{
	border-bottom: 1px solid #52c5a3;
}

.seeMoreSmartDown .seeMoreSmartFooter{
    border-bottom: 1px solid #000;
}
.seeMoreSmartDown .seeMoreSmartArrow{
    background: #4f5958;
}
/* seeMoreSmart */





 /* qoute */
 .qoute{

    color: #c3c3c3;
    text-shadow: 1px 1px #0a0a0a;
    font-size: 25px;
 }

 /* qoute */


.breadcrumb{
	background: #03030354!important;
    text-shadow: 0.4px 0.4px #000000b3;
}

.breadcrumb a:link,.breadcrumb a:visited{ 
color:#a5bfbe!important;
}
.breadcrumb a:hover,.breadcrumb a:active{ 
color:#40a991!important;
}


.googleMapIframe{
	filter: grayscale(100%) invert(92%) contrast(83%);
}


.snackbar{
	background-color: #333!important;
    color: #e9e98f!important;
	border: 1px solid #275276!important;
}
.snackbar .closeToast{
    background: #2e2e2e!important;
}
.addNewFootNav i{
	
    text-shadow: 0 0 28px #004c89!important;
}
/* 
.addNewFootNav i.pluss-icon{
	color: #0095f6!important;
} */






.addNewFootNavCir{
	background: #004a77!important;
    border: 1px solid #0e1626!important;	
	color: aliceblue!important;
}


.one_post_btn{
    border: 1px solid #0000004d;
    background: #00000033;
    color: #6a7287;
}
.one_post_btns>button::after {

    background: black;

}
.one_post_btns>button:first-child{
	
	border-right:1px solid #00000080;
	
}
.one_post_btns>button:last-of-type{

	border-left:1px solid #00000080;

}


.one_post_btn:hover{
	
	background: #415dc23b;
	color: #FFF;
}

.one_post_btns>button{
	border-left:1px solid #252525;
}


.radio-group{
	background: #0000004a;
	box-shadow: inset 43px 0px 27px -22px #000, inset -18px 0px 13px -13px #000!important;
	
}
.radio-group label {
	box-shadow: inset 0px -12px 25px -12px #a1a1a1;
}
*:hover>::-webkit-scrollbar-thumb {
  background: rgb(255 ,255, 255 ,0.65)!important;
}
 
*:hover>::-webkit-scrollbar-track {
	 background: rgb(255 ,255, 255 ,0.15)!important;
	 
 }
 
 
 .footer a:active, .footer a:hover {
    color: #e1e1e1;
}












.smartTab{
	background: #2b2b2b!important;
    box-shadow: inset 0px 4px 8px -10px #FFF, inset 0px 1px 12px -10px #FFF, 0px 0px 19px -10px #000!important;	
}
.smartTab::after{
    background: #2b2b2b;
    background: linear-gradient(to right, #2b2b2b, rgba(43, 43, 43, 0))!important;
}
.smartTabTab1{
    background: #2b2b2b!important;
}


.smartTabTab1::before{
	box-shadow: 1px 1px 0px 0px #91919130!important;
    background: #000000!important;
}	
.smartTabTab1Active{
    background: #393e42!important;
	color:#FFF!important;
}

.smartTabTab1:hover .smartTabTab1Title, .smartTab:hover .smartTabTab1Active .smartTabTab1Title{
	 background: #004a77!important;
}

.smartTabTab1Active .smartTabTab1TitleBig{
	
	text-shadow: 1px 1px #000!important;
}
.smartTabTab1Active::before{
    box-shadow: 8px 8px 0px 1px #393e42!important;
	background: transparent!important;
}
.smartTabTab1Active::after{
    box-shadow: -8px 8px 0px 1px #393e42!important;
}

.smartTabTab1Title small{
	color:#b4b3b3!important;
}
.smartTabContents{
	background: #393e42!important;
}

.smartTabContents .highlight{
	background: #2d2d0054!important;
}


.stSmallListItem{
    color: #d0d4d7!important;
}
.stSmallListItem:hover, .stSmallListItem.active{
    background: #0f0f13!important;	
	color: #FFF!important;
}

.searchContentDiv .stSmallListItem.active{
    background: #032951 !important;	
}
.stSmallListFilterInput{
    color: #d0d4d7!important;
    background: #1a1a1b!important;
    border: none;
	border-bottom: 1px solid #737373!important;
}









.authorImgTitleText::before {
	box-shadow: 0px -62px 77px 42px #000!important;
}



.smartForm .smartTitle{
	    color: #c7c7c7!important;
}







.stickToolMenuIcon.active {
    background-color: #1f2125!important;
}


.stickToolsSuraImg{

	filter: invert(0)!important;

}

.bg-quran{
	background-color: #1f2125!important;
}
.quranPage{
	
	color: #FFF!important;
}

.quranMenu{
	background: #1f2125!important;
}

.quranMenuContainer{
	background: #1a1a1ba6!important;
	
}


.quranPageMenuCont{
	background-color: #18191b!important;
}

.quranPageMenuCont a{
	    color: #a9a9a9!important;
}
.quranPageMenuCont a.active{
	color: #d3d3d3!important;
    background-color: #2b2c2f!important;	
}
.quranPageMenuCont a:hover {
	  background-color: #404040!important;
	   color: #FFF!important;
}

.pageNumberFoot{
	background: linear-gradient(to right, transparent, #9a8456, transparent)!important;
}
.pageNumberFoot::after {

    background-color: #1f2125!important;
}
.lineByLineDisplay .ayaText.ayaTextBg{
	background-color: #1b1c1e!important;
}
.lineByLineD{
	    border-top: 1px solid #181302!important;
}
.tajweedPanel{
	background: #1b1a18f0!important;
}
.iconSelect .custom-control-label::after{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23626262'/%3e%3c/svg%3e")!important;

}
.iconSelect.custom-radio  .custom-control-input:checked~.custom-control-label::after{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e")!important;
}
.iconSelect.custom-checkbox  .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")!important;
}


.iconSelect .custom-control-label:hover {
  background-color: #000000!important;
  color: #fff!important;
}

.iconSelect .custom-control-label::before, .iconSelect .custom-control-label::before {
	color: #eaf4ff!important;
    border-color: #003063!important;
    background-color: #16283f!important;
}

.iconSelect .custom-control-input:checked ~ .custom-control-label::before{
	color: #eaf4ff!important;
    border-color: #003063!important;
    background-color: #07274e!important;
}


.iconSelect .custom-control-input:checked ~ .custom-control-label {
  background: #18191b!important;
  color: #fff!important;
}





.listBar a:link,.listBar a:visited{
    color: #ebebeb!important;
    background-color: #33333375!important;
    border: 1px solid #333333!important;	
}
.listBar a:hover,.listBar a:active{
    color: #fff!important;
    background-color: #242424!important;
}

.listBar.listCheckBox a.active:after{
    filter: brightness(0) invert(0);
}

.listBar.listCheckBox a.active.selected:after{
	filter: brightness(0) invert(1);
}

.listBar a.active{
    color: #FFF!important;
    background-color: #0086b3!important;
}

.listBarUner:before {
	filter: brightness(0) invert(1);
}

.listBar.listCheckBox a.active:after{
    filter: brightness(0) invert(1);
}

.listBar a.active.selected{
	color: #FFF!important;
    background-color: #333333!important;
}


.modifyList{

    background: #3a393d!important;

}
.breadLine a:link,.breadLine a:visited{
	color:#FFF!important;
}



.starsUsersList div{
	background: #131a1f!important;
	color: #b6bbbe!important;
}
.starsBG{
	background: #182329!important;
}
.starsUsers,.starsIcon{
	    background: #131a1f!important;
}
.starsBGselected {
    background: #050606!important;
}





.stListHyper,.stListItemUserName b{
	color: #99c3ff;
}



.user_one{
	background: #2b2b2b;
}




.timeline:before{
	border-radius: 2px;
    background-color: #31313138;
    border-left: 1px solid #9999991f;
    border-right: 1px solid #00000030;
}




.bookSearch_div i{
    color: #999999;
}

.bookSearch_div input{
	background: #1111118f;
    border: 0.4px solid #a8a8a85c;
    color: rgb(255 255 255 / 87%);
    box-shadow: 0px 0px 4px -1px #ffffff26;
}



.flex-search-head-btns a{
    background: #252525;
    color: aliceblue;	
}
.flex-search-head-btns a:hover{
	background: #000;
}
.flex-search-head-btns a.active{
    background: aliceblue;
    color: #252525;
}

.news-tabtop-shadow{
	box-shadow: inset 0px 41px 23px -12px #393e42!important;
}



button.btnaddquote,button.btnaddquoteSmall {
    background: #252525;
    color: #c69500;
    border: 0.1px solid #36363a;
    text-shadow: 0.6px 0.5px #000;
}

button.btn-add-quote:hover {
    background: #36363a;
}



.quoteBigTitle {
	text-shadow: 0.2px 0.3px 0.5px #000;
	background:#00000080;
}
.quoteBigTitle::before {

	filter: blur(4.2px) brightness(0.9) hue-rotate(0) sepia(0.5) grayscale(0.4);

}



.breadcrumb-item.active{
	
    color: #a5aeb6!important;
}


.bg-library{
	background-blend-mode: multiply!important;
	/* rgba(21, 2, 0, 0.82) !important; */
    background-color: #060400a8!important;
	
}
.light-library{
	box-shadow: inset 1px 10px 13px -7px #54540f96, inset 0px 3px 5px -3px #66660ea3, inset 1px -10px 13px -7px #54540f3b, inset 0px -1px 3px -3px #ffff00a3 !important;
	border-bottom: 0.8px #00000070 solid
}
.light-library::after {
    background: linear-gradient(0deg, #b98c0f38 0%, #372819 100%)!important;
}

.books_scroll_3d .bookcontainer .book3d::after {
    box-shadow: 0px 7px 24px 2px #ffeb3a66 !important;
}


.buyDiv a::after {

    box-shadow: 1px 0px 41px 31px #000!important;
}

.light-library-raf{
	background: url(img/lib-raf-bg.jpg) repeat-x bottom!important;
}

.news4content {
  text-shadow: 0.7px 0.6px 0.4px black!important;
}
.news4content .title a {
  color: #FFF!important;
}
.news4content .byline a {
  color: #FFF!important;
}

.news4content p {
  color: #bac0cf!important;
}

.news4content article {
  border-bottom: 0.5px solid #4d232f66!important;
  background: #2a2d2fdb!important;
}






































