@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);@font-face{font-family:fontArab;src:url(../fonts/lpmq.ttf)};@font-face{font-family:BFantezy;src:url(../fonts/BFantezy.ttf)}body{font-family:Poppins,sans-serif;background:#ffffff;unicode-bidi:bidi-override!important}p{font-family:Poppins,sans-serif;font-size:1.1em;font-weight:300;line-height:1.7em;color:#999}a,a:focus,a:hover{color:inherit;text-decoration:none;transition:all .3s}.navbar{padding:15px 10px;background:#fff;border:none;border-radius:0;margin-bottom:40px;box-shadow:1px 1px 3px rgba(0,0,0,.1)}.navbar-btn{box-shadow:none;outline:0!important;border:none}.line{width:100%;height:1px;border-bottom:1px dashed #ddd;margin:40px 0}.wrapper{display:flex;width:100%;align-items:stretch}#sidebar{min-width:250px;max-width:250px;background:#7386d5;color:#fff;transition:all .3s}#sidebar.active{margin-left:-250px}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar .sidebar-header h3{text-align:center}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}a[data-toggle=collapse]{position:relative}.dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}ul ul a{font-size:.9em!important;padding-left:30px!important;background:#6d7fcc}ul.CTAs{padding:20px}ul.CTAs a{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}a.download{background:#fff;color:#7386d5}a.article,a.article:hover{background:#6d7fcc!important;color:#fff!important}#content{width:100%;padding:20px;min-height:100vh;transition:all .3s}@media (max-width:768px){#sidebar{margin-left:-250px}#sidebar.active{margin-left:0}#sidebarCollapse span{display:none}}.list-surat ul{margin:0;padding:0;list-style-type:none;max-height:200px;overflow:auto}.list-surat ul li{margin:0;padding:0}.list-surat ul li a{padding:5px 10px}.ayat-item{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:5px}.ayat-item audio{width:100%;box-sizing:border-box;border-radius:4px}.list-unstyled{padding:0}#sidebar ul.components{padding:0}.list-surat{margin:0;padding:0}.list-surat h4{margin:0;padding:10px 20px;font-size:16px}.arab{direction:rtl;font-size:28px;line-height:185%;font-family:fontArab,"Traditional Arabic",Tahoma,sans-serif;font-weight:400;text-align:right;padding:10px 0 5px 0}.translation{line-height:150%;padding:10px 0;font-size:14px}.translation em{background-color:#ff0;font-style:normal}.search-form{position:relative;margin-left:auto;margin-right:auto;}.search-form input[type=text]{width:100%;box-sizing:border-box;padding:10px 60px 10px 15px;font-size:14px;border:1px solid #ccc}.search-form input[type=text]:focus{outline:0}.search-form input[type=submit]{position:absolute;right:8px;top:8px;padding:3px 10px;font-size:14px}.link-surat{padding:5px 0 0 0}#btn-back-to-top{position:fixed;bottom:20px;right:20px;display:none}.main-content{padding:10px 0 20px 0}
@media (max-width: 768px) {
    .search-form.w-50 {
		width:100% !important;
	}
	.navbar.w-75 {
		width:100% !important;
	}
	.main-content.w-75 {
		width:100% !important;
	}	.navbar {    padding: 0;  }  .navbar .navbar-nav .nav-link {    padding: 1em 0.7em;  }  .navbar .navbar-brand {    padding: 0 0.8em;  }
}
.search-result-block {
    padding: 10px;
    background-color: #F6F6F6;
}

.alt {
    background-color: #EAEAEA;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}
.modalDialog {
    width: 680px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    background: #F4F4F4;
    box-shadow: 3px 3px 30px 5px rgba(0,0,0,0.3);
}
.modalDialog textarea {
    width: 99%;
    height: 110px;
    border: 1px solid #AAAAAA;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    resize: none;
    outline: none;
    font-size: 15px;
    font-family: Arial, sans-serif;
    padding: 10px 5px;
}.navbar .navbar-nav .nav-link {    color: #198754;    font-size: 1.1em;}.navbar .navbar-nav .nav-link:hover {  background-color: #198754;  color: #fff;}.navbar .navbar-nav .nav-link {  padding: 0.6em;}.navbar .navbar-brand {  padding: 0 0.6em;}